Top Rated Scripts | JavaScript | Tutorials & Tips

JavaScript allows you to create (open) new windows. In these windows you can place whatever HTML code you wish, and even have actions in one window effect what is happening in another window. This tutorial explains how to create various types of pop-up windows using JavaScript.

There are several different browsers and versions out there, thus you, the programmer, do not know what JavaScript capabilities the user has. Insuring that the scripts you write run in most users browser can be done in a few different ways. One way is to ask the user what browser they are using, via JavaScript, and to then program accourdingly. This tutorial shows you how.

You can use two multiple-select menus to make it easy for someone to create a list, by moving items from one menu to the other. This can be down with three line of JavaScript. Find out how.

The pull down menu is an excellent to condense many links into a small area. In the older days the only way to process a pull-down menu was to use a CGI script, but now you can do it with JavaScript. This tutorial presents several different types of pull-down menus: standard menu, menu with no button, using in frames, and using in a different window.

In forms when using text boxes or text areas with limited character length (usually needed for forms that submit data to a database) it is always a good idea to tell the user how many characters they have remaining. The following example shows how you can do this. This is a very simple and cute idea to help the user know exactly how many characters he can type further. Do these small add-ons to your forms and they will look really professional. This snippet is cross browser compliant - tested in IE, Opera, FireFox, Netscape & Safari

A random number is useful- if not required- in the creation of many popular JS applications, such as a dice, random image script, or random link generator. Learn how to generate a random number in JavaScript.

Learn how to calculate the difference between two dates in JavaScript, and in the process, derive some useful applications such as counting down to a particular event, counting up, displaying what's new on your page etc.

Learn how to make your cell background colors change when your mouse is pointed over it.

Here, you will learn how to create and configure a framed scrolling text for your page. You can also alter speed of the scrolling text.

Learn about session-only cookies in JavaScript, and how they can help your scripts retain information even after the page is reloaded or cleared.