JavaScript Tutorials

Dynamically Adding and Removing Text Boxes using jQuery

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components.

A dependent select is when a form select box's options depend on the values of a previous form select box. Two examples of this would be a USA State selector, which then filled the next box with cities from that state. Another example would be a car make selector (ie. Ford) which then displayed models (ie. Taurus, Bronco, F-150). In this tutorial we're going to create a dependent selects plug-in using jQuery.

This is a complete step-by-step tutorial on how to create a kick-ass contact form that is sure to impress your users. All you need is jQuery. No plugins are necessary for this to work, and it is only 2kb of extra javascript in addition to the jQuery library. This also works on all browsers, IE6 and up.

Tutorial on how to create a searchform containing check boxes, when submitted we get all checked checkboxes through jQuery and send a JSON string via Ajax that will be used by PHP to get the search result.

If the HTML Form is having large number of checkboxes, then selecting and de-selecting all the checkboxes will be difficult for the users. And, it will take significant amount of time.

In this article we are going to design a JavaScript Left to right text scroll at windows Status Bar. Now we define a function MsgFLY() and going to call it through Window object supports methods setTimeout() to call same function after every 1000 milliseconds. The Window object supports methods for setting timers that we might use to perform a variety of functions.

We are going to manipulate data which we get from Date object constructor. Using the date object and some of its methods, you can create your own JavaScript clock customized to our needs. First of all we define variable var currentDate=new Date() and create a date object. An advantage of using objects is that objects can hold multiple values, where variables can only keep one value at a time. And then using above method get the required parameter stored in variable.

A countdown timer is a great way to let your visitors know when an important date is coming up (like when a new feature on your website will be added). In this tutorial we'll show you how to make a countdown timer to a specific date. Overall this script is very easy to implement and takes just 30 lines of code.

In this tutorial, I will explain how to easily create a clock using javascript.