New Scripts | JavaScript | Tutorials & Tips

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)

Literal notation is a new way of defining arrays in JavaScript that's extremely flexible and robust. Learn about literal notation in this tutorial.

There are many ways to add a date on your screen. This page shows how to put a date and day (for instance: wednesday, march 20th, 2002), using an array.

You could use your status bar to display the time and date. You might also use it to display mouse-over text or a welcome message. View the source of the demo page for the source code.

It uses the a prompt for the user to input a password or request. The page is dynamically built based on the the user response. It uses an external *.js file (If referenced directly, it will download) that contains arrays to build the page. You should not rely on this for secure pages, but give a good example for low in content management. It's a bit clunky, but shows how to use to create dynamic page changes. I have used an external *.js file for site navigation.

Extremely simple example of turning background colors of the cells of the table on and off with mouse events to simulate a chalkboard. You can add more rows and columns.

Create the script once and reference in any number of ways. The example goes into Date Stamps, News, Quotes, etc. One file to update and one line to include in the HTML page. You can use this as a fake Server-Side Includes to create site navigation. You update the one .js file to alter navigation.

These two handy functions are useful when you are trying to keep a dynamic element in view or find if the user has scrolled the page by returning the number of pixels the page has been scrolled.

Learn how to use the navigator object of Javascript to detect the browser type and version of your visitors.

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.

IE6+ incorporates a new feature called MyImage Toolbar, which, if enabled on Tools|Internet Options, provides the user with a popup menu over images that allows the user to instantly save, print, or email any image in a page. This technical note shows how to disable or enable this feature.

This javascript scripts guide is especially for those who are trying their best to learn DHTML by dissecting code written by others and for people who don't know much about programming but are interested in making their web sites look Dynamic with simple add-ons. In short we bring you (clean) cut and paste resources with explanations on how they work on the same page of each resource.

A code snippet to display the referring URL your visitor came from.

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.

Learn how to implement a drop down menu box using the SELECT element of forms and JavaScript.

So what is JavaScript? Is it Java? What does it do? Is it difficult to learn? These questions will all be answered in this tutorial, and more. Jump start your JavaScript endeavor here.

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

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.

A small snippet that allows you to keep a window 'on top' of all others until closed.

This tutorial explains how to create text fading effect utilizing JavaScript and the new DOM of IE5/NS6.