Drag and Drop This tutorial shows an example on how to drag-and-drop the item to the specific location. Drag-and-Drop can be very useful to interact with the web application. You may often use drag-and-drop features in many areas like     Moving email from inbox to different folders     Ordering of the list items in a web page     Moving objects…

Introduction This tutorial shows how to create dependent dropdown in PHP and MYSQL. This is also called cascaded dropdown. This tutorial uses JavaScript to submit the form automatically when the first dropdown value is selected. Sometimes you may need to create such a cascaded dropdown when you need to select some value in the second dropdown based on first dropdown…

Introduction This tutorial shows an example how to add input fields to form dynamically using jQuery. Input field types may be text, textarea or file to the form. I also have added remove button next to the added input field to remove the field if you think later that do not need it. For this example, I have used here…

Introduction I will show you in this example, how to display elements one by one from an array using jQuery. Let’s say you have a button on the web page and on clicking the button the values from array will be displayed one by one. There are two examples below, one simply access the values from an array and another…

Table of Contents Introduction Prerequisites Limit Checkbox Selection Using JavaScript Using Form HTML JavaScript Using Div HTML JavaScript Testing Checkbox Selection Limit Using Form Using Div Source Code Introduction This tutorial shows how to limit number of checkbox selections using JavaScript in a group of checkboxes. Suppose you have a group of checkboxes in a form or in a div…

AJAX – Asynchronous JavaScript And XML This tutorial shows an example on AJAX using JavaScript. AJAX is an acronym that stands for Asynchronous JavaScript And XML. Therefore it is not a technology, but a technique which is implemented using JavaScript. Here I will show you how to use AJAX technique in simple way without using jquery or any other framework….

Introduction This tutorial shows how to implement a JavaScript function which takes multiple ids and returns multiple elements. document.getElementById() only supports one name at a time and returns a single node but not multiple nodes or an array of nodes.

Attach Buttons Dynamically Here is an example on more file upload button attachment dynamically using jQuery. This example will allow you to attach more file upload button dynamically. The technology I will use here to attach more file upload button using JavaScript and jQuery. Note that this example will not show you how to upload file or files. This is…

Introduction This tutorial shows how to create nested comment system in PHP MySQL and AJAX. This nested comment system is also called hierarchical comment system. Here I will use MySQL database and jQuery library. This threaded or nested comment system in PHP AJAX accepts reply up to maximum of five level depth. If you want to accept unlimited level or…