Infinite Scrolling is the best replacement of links pagination for auto load more data from the database. If you want to implement an advanced pagination functionality, infinite scroll is the best option. In load data on scroll functionality When the user ...

Inline data editing provides an easy way to edit data in table cells without loading another component. If your web application has data grid functionality, inline edit & delete is the must-have feature. The user can edit and delete content on the same pag...

File upload functionality is the common feature for the dynamic web application. Generally, a form is submitted and page is refreshed to upload file in PHP. But if you want to provide a better user interface, jQuery and Ajax can be used to upload file with...

Creating a modal popup is very easy with Bootstrap. So, if your web application uses Bootstrap, it's always a good idea to use Bootstrap for populating modal dialog. Because it does not require any third party jQuery plugin. Not only the static content but...

The jQuery ajax is very useful when you want to post or get data from PHP script without page refresh. Generally, you return the string to Ajax call for updating a part of the web page. But sometimes requires getting the object or array data from PHP file ...

If your web application uses Twitter Bootstrap framework, modal popup integration is very easy. Bootstrap helps you to add a popup to button or link without using additional JavaScript code. Also, using Bootstrap, you can build a well-designed HTML form in...

Range slider is very useful to add filter feature to the data list. Range slider is mostly used to filter data between two values. Mostly the price filter uses a range slider to filter items by price range in the web application. The price range slider all...

The pagination without page refresh can be easily integrated into the data list using jQuery, Ajax, PHP, and MySQL. Ajax Pagination is the best option to make the data list user-friendly. Search is the most useful feature of the data management section. It...

The easiest way to upload files in the web application is to use server-side code. The file upload functionality can be implemented with minimal lines of code in the server-side script. In the previous tutorial, we discussed a simple method to upload files...