JavaScript Tutorials

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.

Sometimes, we might need to check and see if a URL entered by a user in a text box is a valid one or not.

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.

Motion captcha is a jQuery plugin I've stumbled across where it will ask the user to draw over the image displayed to them, this can only be done by a human with a mouse and therefore proves they are a human so passes the test and allows you to submit the form.

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.

Often, situations arise when an user should fill a single or more than one fields in a HTML form before they submit it. You can write a JavaScript form validation script to check whether the required field(s) in the HTML form is blank or not.

Jquery dialog position script, allows to place the dialog box in the desired position.

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.

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.

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.