AJAX Pagination with jQuery and PHP

With pagination, you can divide the large list of records into multiple pages.

The user will only view specific numbers of records at a time and require to navigate to view another list of pages.

You can create this with the only PHP or use jQuery AJAX to load pagination data without page reload.

In this tutorial, I am using jQuery AJAX to create pagination.

In the demonstration, I am creating a table layout to display the list of records and use next and previous buttons to navigate.

Ajax Pagination with jQuery and PHP

Read more

Check Username Availability with jQuery and AJAX

If you are allowing the user to login with their username and password then you have to make sure that every user has a unique username.

When the user goes for registration on your site check username either after form submits or check it with AJAX while entering.

In this tutorial, I am using jQuery AJAX to check username is available or not.

Check Username Availability with jQuery and AJAX

Read more

Simple Tab content area with HTML, CSS and jQuery

Tab content area occupies less space and can handle a lot of information on the web page. It displays multiple sections in a neat way.

It is used to display related information e.g. displaying different types of settings forms.

This makes it easier for the user to quickly switch from one section to the other.

In this tutorial, I show how you can create a simple Tab layout with HTML, CSS, and jQuery.

Simple Tab content area with HTML, CSS and jQuery

Read more

How to make Accordion with HTML, CSS and jQuery

The accordion is a vertically stacked list of items. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

Accordions are popular because they allow developers to force large amounts of content into tiny spaces on the page.

In this tutorial, I show how you can create the accordion using HTML, CSS, and jQuery.

How to make Accordion with HTML, CSS and jQuery

Read more