Makitweb Posts

AJAX pagination makes it easier to display the large list of records in multiple pages without refreshing the whole page when navigating.

While navigating pages if you refreshed the webpage then it will load record from 1st instead of page position before the refresh.

E.g. If you are on 5 page then it will again start from 1 when webpage reload.

To retain the position, I am using COOKIE to store the page number and use it after page successfully load to fetch records in CodeIgniter.

Retain AJAX pagination position after Refresh in CodeIgniter

AJAX CodeIgniter DataBase PHP

The live character counter is very useful when need to validate the user from entering more input or display warning message.

Character count visible on the screen while inputting character in the input box.

This notifies the user that how many characters are left or the total number of characters is been entered.

In the tutorial, I show how you can count total and remaining characters using Vue.js.

Live Remaining and Character counter with Vue.js

Vue.js

By storing media files to MySQL database make easier to retrieve files uploaded by the user or in the specific category.

For this require storing file to the server and save the reference to the database.

In the tutorial, I show how you can upload and store video to MySQL database table with PHP.

Upload and store video to MySQL database with PHP

DataBase PHP

If you are using MySQL database in your web project then there is always possibility that you need to insert, update, and delete records instead of just fetching and displaying records.

In this tutorial, I show how you can insert, update, and delete a record from MySQL database table in Laravel.

Insert update and Delete record from MySQL in Laravel

DataBase Laravel PHP

AJAX makes easier to perform operations without submitting the form like – fetch, insert, delete records from MySQL database, file uploading, etc.

Using AJAX in WordPress is a little different. Here, need to consider two things –

  • AJAX sent URL should be admin-ajax.php.
  • wp_ajax action hooks.

In this tutorial, I show how you can handle AJAX request in your WordPress theme.

How to send AJAX request from WordPress theme

AJAX PHP WordPress

Copying the selected text from the webpage or input HTML element is easy with the keyboard shortcut CTRL+C and context menu.

To make it little easier for the user you can add a button.

For copy text to clipboard in Vue.js you can use vue-clipboard2 package.

In this tutorial, I show how you can copy text from HTML element on button click to the clipboard.

Copy text to Clipboard using vue-clipboard2 - Vue.js

Vue.js

A model is a PHP class where perform data logic and database manipulation like – retrieve data, insert, update, and delete.

In Laravel models classes are stored in app/ directory.

This mainly loads from the controller.

In this tutorial, I show how you create and load Model in the controller and fetch records from MySQL database in Laravel.

How to create and load Model in Laravel

DataBase How To Laravel PHP

Live username availability checking on the registration page is the common feature in most of the website.

This will notify the user whether the username is already been taken or not before submitting.

To do this require AJAX.

Send a request to check the username on the bases of response perform the action.

In this tutorial, I show how you can check username availability using Vue.js and PHP.

Check Username Availability with Vue.js and PHP

AJAX DataBase PHP Vue.js