Load content on Page Scroll using JavaScript and PHP

Data is dynamically loaded on the page when the user reaches the bottom of the page while scrolling.

User doesn’t have to click on any action button to load new records. For doing this require sending AJAX request to fetch data on page scroll.

In this tutorial, I show how you can load content from MySQL database on page scroll using JavaScript and PHP.

Load content on page scroll using JavaScript and PHP

Read more

How to Create simple Accordion using JavaScript

Accordion is an expandable and collapsible container which used to manage related data. It consumes less space and shows content in a user-friendly format.

There are already lots of jQuery plugins for implementing this, like – jQuery UI, Bootstrap, accordion.js, etc.

In this tutorial, I show how you can create accordion using JavaScript.

How to Create simple accordion using JavaScript

Read more

How to Autocomplete textbox using JavaScript and PHP

Javascript Autocomplete textbox helps the user to pick an item from the suggestion list based on the input. It occupies less space on the page. It’s designed to give you a smooth experience while using minimal space on your webpage, making your interface look neat and organized.

Data is not preloaded on the page. Instead, it dynamically loads data using AJAX as soon as the user starts typing.

In this tutorial, I show how you can create autocomplete textbox with MySQL database data using JavaScript and PHP.

How to Autocomplete textbox using JavaScript and PHP

Read more