Introduction We know that xchart basically displays different statistical data on different chart types such as column chart, bar chart, line chart, pie chart etc. You can have a look at the URL http://tenxer.github.io/xcharts/ for more information. You can integrate xchart with any server side tehnology but here I will show you how to integrate…

Posted in AJAX Codeigniter PHP

Codeigniter XChart Example

Auto Submit HTML Form This tutorial example shows how to submit form automatically when a radio button is selected. The below example has two radio buttons and when one of them is selected then the form gets submitted automatically and displays the corresponding value. Sometimes you may need to submit the form automatically. Based on…

Posted in JavaScript PHP

Submit form JavaScript onChange

Use Of Multiple jQuery Files This example shows how you can use multiple versions of jQuery on the same page. It’s simple and very easy to use multiple versions using jQuery.noConflict(true). This jQuery.noConflict(true) was introduced in jQuery version 1.1. There are various reasons behind using the multiple versions of jQuery. Some reasons are given below:

Posted in jQuery

Using Multiple Versions Of jQuery On Same Web Page

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…

Posted in jQuery

Drag and Drop Example With jQuery

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…

Posted in JavaScript PHP

Dependent Dropdown Example in PHP, MySQL

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…

Posted in HTML jQuery

Add Input Fields To Form Dynamically Using jQuery

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…

Posted in JavaScript

Display elements one by one from an array using jQuery

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…

Posted in JavaScript

Limit Number Of Checkbox Selections Using JavaScript

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…

Posted in AJAX JavaScript

AJAX Technique Example Using JavaScript

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.

Posted in JavaScript

JavaScript function which takes multiple ids and returns multiple elements

Introduction 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…

Posted in File Upload JavaScript jQuery

More file upload button attachment dynamically using jQuery

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…

Posted in AJAX jQuery PHP

Nested Comments System in PHP, MySQL and AJAX