Profile cover photo
Profile photo
Yogesh Singh
20 followers
20 followers
About
Posts

Post has attachment
Dynamic Dependent Dropdown with Vue.js and PHP

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.
Add a comment...

Post has attachment
Fetch records from MySQL with jQuery AJAX – Laravel

AJAX makes easier to load records from MySQL database without reloading the whole page.

Handle AJAX request from the controller and database manipulation in the model.

In this tutorial, I show how you can fetch records from MySQL database with jQuery AJAX in Laravel.
Add a comment...

Post has attachment
Drag and Drop file upload with Dropzone in CodeIgniter

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.
Add a comment...

Post has attachment
Fetch records from MySQL Database with Vue.js and PHP

Data selection is one of the basic requirement when creating a dynamic website.

Mainly data is fetched from the database on page refresh but for without page refresh require to send AJAX request.

I am using Axios package to send AJAX request.
Add a comment...

Post has attachment
How to Reorder Images and Save to MySQL with jQuery AJAX

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.
Add a comment...

Post has attachment
Check Username Availability with Vue.js and 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.
Add a comment...

Post has attachment
Live remaining and character counter with Vue.js
Add a comment...

Post has attachment
Retain AJAX pagination position after Refresh in CodeIgniter

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.
Add a comment...

Post has attachment
Live Remaining and Character counter with Vue.js

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.
Add a comment...

Post has attachment
Upload and store video to MySQL Database with PHP

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.
Add a comment...
Wait while more posts are being loaded