This tutorial example shows how to populate HTML input fields in form automatically when a page is loaded or when a checkbox is checked. The below example has three fields and one of then gets populated when the page is loaded and another one of them is populated when checkbox is checked. Sometimes you may need to auto populate the…

Preview Form This tutorial shows how you can preview form using jQuery. Sometimes you need to preview form data before you submit the form for further processing. This gives you clear picture of what you have entered into the form and whether you need to rectify any data if you have entered incorrectly. This also saves us from extra server…

Introduction This tutorial example shows how you can create a nice contact form using jQuery. The concept was taken from http://www.emblematiq.com/projects/niceforms/. This beautiful contact form may be useful in situations like you want to create a Contact Us/Me form on your website or you can also use this contact form for comment purpose for your blog. This contact form consists…

I am going to show you how to upload multiple files using PHP based Codeigniter framework. There is file upload class, in Codeigniter, which permits you to upload the file or files. This class also permits you to set various preferences such as destination where the file will be uploaded, restriction on file types, restriction on file size, whether a…

Introduction This tutorial shows how to bookmark a current URL. We have already built-in functionality in most of the browsers and we can bookmark a URL there but it’s also like you have to go to the menu option. The below code do the same thing just in one click on the web page. User is given a link to…

Introduction This tutorial shows how to check username availability using PHP, AJAX and MySQL. Sometimes you need to check username availability instantly before a user presses the submit button after filling a long-sized signup form. In this case you can use AJAX with any technologies like PHP, CodeIgniter, Servlet, Struts, JSF, Spring, etc. for checking whether the input username is…

Introduction The example – allow only numeric values or digits in a textbox using javascript or jquery – shows how to accept only numbers or digits in a textbox or input field using JavaScript or jQuery. Sometimes you need to accept only numbers for a textbox or input field instead of validating the value in the textbox or input field….

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 xchart with Codeigniter framework. This…

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 form submission, you may need…

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: