JavaScript Tutorials

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

A very frequent requirement from customers is to have input fields dynamically added to a form while typing in it. This should happen without refreshing the page because the user shouldn't be submitting the form before all their information is completed.

Learn how to limit the amount of text or characters in a form field such as a text area. No regular expressions or replace functions making it completely cross browser friendly and very light weight.

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.

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.

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

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 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.