Author: <span class="vcard">Yogesh Singh</span>

In this tutorial, I show you How to use AJAX for uploading an Image file. That lets users upload their image and see their image preview after uploading.

This type of functionality you have already seen on many websites.

When does it use?

You can use it when you don’t want to disturb user experience and show a preview of an image after file uploaded successfully.

How to upload Image file using AJAX and jQuery


Using Pagination you can divide the huge list of data in multiple parts or pages. The user only able to see specific numbers of records and need to navigate for viewing another list of records.

In the demonstration, I am creating a table structure which shows the list of records. Adding AJAX pagination which has a previous and next button for navigation.

Ajax Pagination with jQuery and PHP


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

When the user goes for registration on your site check username either after form submitting 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


In this tutorial, I am going to show to How you can create tabs using HTML,CSS, and jQuery. When did it use? Tabs are a type of container layout this you…


In this tutorial, we are going to make accordion using 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.

Accordion using HTML,CSS, and jQUery


Looping statement is use to execute and repeat a block of statements depending on the condition. In Javascript, we have the following looping statements –  while do while for while…


When we adding Javascript code to HTML page then it must be in between <script> and </script> tags. We can place Javascript in <body> and <head> section of an HTML…


A comment in Javascript code is a line that is not read/executed as part of the program. Its only purpose is to be read by someone who is editing the code.…


All programming language have decision-making statements which allow us to control the flow of the program.

You can define what code to be executed when the condition is TRUE and when it’s FALSE.

PHP decision making and switch statements