Makitweb Posts

Auto-populating records based on the selection make easier to control the flow of inputs and the user is restricted on the selection.

Data is updated on dependent dropdown according to parent dropdown selection.

To send AJAX request in Vue.js I am using Axios package.

In this tutorial, I create 3 dependent dropdowns for the country, state, city and send AJAX request to load records whenever dropdown value changes with Vue.js and PHP.

Dynamic dependent dropdown with Vue.js and PHP

AJAX PHP Vue.js

AJAX JQuery Laravel PHP

Dropzone is a JavaScript library which allows uploading file by drag’n’drop and display the file preview after upload.

It is easier to add to the page and it does not depend on any library like jQuery.

The file will upload to the server via AJAX.

In this tutorial, I show how you can use Dropzone library to upload the file in CodeIgniter.

Drag and Drop file upload with Dropzone in CodeIgniter

AJAX CodeIgniter Javascript PHP

jQuery UI sortable enable to reorder the HTML element by drag & drop.

This will use to allow the users to adjust the positions of images to display on the webpage.

In this tutorial, I show how you can save the sorted image list order in the MySQL database and read it.

How to Reorder Images and Save to MySQL with jQuery AJAX

AJAX JQuery PHP

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