Top Rated Scripts | JavaScript | Tutorials & Tips

Two tiny functions that return the available width and height inside the browser window. These functions can be used as variables and as the dimensions are calculated every time they are used, your script will always be using the current window size no matter what the user does to the window.

Assumes absolutely no knowledge of how to use a JavaScript. Covers everything from creation of graphics to generation and application of a script to make a simple navigation bar with rollover effects.

If you have a page that takes long time to display it is a good idea to display a "wait until the page loads" image. This tutorial show you how to implement this in your webpage.

In this article we are going to design a JavaScript based Digital Clock. Here we are see use a HTML Form to show our Digital Clock. Take a look below on piece of code� Here we have defined HTML form. And use input and assign a class frm to it. Class frm will take care of representation of clock.

This code snippet lets you hide the error message which appears when there occurs a Javascript error in your pages. The script will still not function but the visitor will not see the error message. Written in French.

A cookie is a way you can store some information about a user visiting your site. The information is stored on the individuals computer, and thus you do not need any extra server space to customize a page for any amount of users you may have. To use Cookies there are two things you need to do, one is set the cookie, and the other is retrieve a cookie you have already set. Here's a brief tutorial on how to use cookies, and a couple of ideas which you can use cookies for.

This tutorial explains an easy method of offering an automatically updated html file to other sites. I have taken the example of an article but the same theory could be applied to other content such as tutorials, images or news.

Here's a remote control panel that controls the bigger window. It allows you to open a specific page by clicking anf dragging the link with your mouse. Neat effect (Netscape only).

In forms when using text boxes or text areas and check boxes you might need a reset button that is not the usual gray HTML button. For this you can use a small JavaScript function as given below. Note: This button will reset only text boxes,text areas and check boxes as list boxes and option buttons don't usually require resetting. After resetting the form the cursor will set the focus to the first field in the form.

Dynamic Properties is a relatively unknown feature of IE5+ that allows you to substitute static values in your HTML with dynamic expressions instead.

In this tutorial I will teach you how to load a certain webpage depending upon what type of browser your user is using. This could be helpful because certain browsers handle css, html, and javascript differently.

In this tutorial you will learn how to use and manipulate strings in JavaScript.

In this tutorial I will show you how to use timeouts in your JavaScript code. With this information you will be able to create a useful timer.

If you have quality content on your webpage and want to prevent people stealing your resources, you can add this script to disable the right-mouse click.

Mouse-events.html is a template for handling three basic mouse events: Moving, pressing down on a button, and releasing the button. It works in IE 5+ and should also work in NS 6+. When used in conjunction with DHTML, this can be used to create drag and drop web applications. The three handlers return a true value, changing it to false causes some default browser behaviours, like text highlighting, to become disabled.

Learn a really easy way to create cool dropdown menus. This methodology may or may not be conventional, but it's definitely easy, straightforward, and highly customizable.

Got a submissions form that you keep getting multiple submissions from? I've found that in most cases its because people are impatient and click the submit button repeatedly until they get a response. The unfortunate result is that you receive multiple copies of the same form. This little bit of JavaScript disables the submit button as soon as it is clicked for the first time and prevents the user sending their form multiple times. Script now also changes the text on the button to 'Thanks' (this can be modified to suit)

An extremly simple and useful script for implementing a cross browser drag and drop game (IE 4+, NN 6+, Firefox). Place code in the header and simply append all images that are draggable with the class name (class="dragme"). That's it!

The nature of JavaScript libraries means they can be accessed and utilized by any site online, not just yours. Learn how to restrict access of your libraries to only your own sites, warding off bandwidth theft in the process.

This tutorial shows you how to load two frames with one link using JavaScript.