News and Information Blog

Creating Form Elements

This script will generate various bug-free form elements with name attributes, selected options, and more for IE 6+, Firefox, Opera and Safari.

Read more here

Keeping New List Contents in View

This code demonstrates how to keep the content at the bottom of a list always in view, similar to a chat window.

Read more here

Keycode Checker Tool

Use this script to determine the JavaScript key code of a selected key. Just press a key and an alert box will display the corresponding keycode.

Read more here

Limit Textarea 2

This script limits text input to 20 characters per line for a total of 10 lines. Numbers are adjustable. It also filters textarea input: replaces non-alphanumeric characters with spaces, removes extra spaces (multiple consecutive, leading and trailing) and blank lines. Final clean-up is performed onblur, when user clicks out of textarea.

Read more here

Specify Referring Page

Use this script to ensure that a user can only reach a given page from another specified page. Easy to set-up and use.

Read more here

Auto-Enter Current Date

This script will enter the current date in a read only form field. Good for when you want to collect the current date but want to make sure it's formatted properly.

Read more here

Unobtrusive JavaScript

This is the first installment in a series covering unobtrusive JavaScript. Quite simply put, it's removing JavaScript from the source of the document, and including it in an external file. But there's really more to it.

Read more here

Pop Over Form

Use this script to create a form that will open on top of the existing page, using a hidden DIV. A default link is included to allow for JavaScript being turned off or unavailable.

Read more here

Change Image 2

Use this script to change an image, using the setAttribute function. You can use different events to change the image, e.g., onClick, or onMouseOver. The script can also be adapted to other uses.

Read more here

Add a Hotkey

This script will fire an event when the key specified in the variable "key1" is pressed. In this example, pressing the spacebar will trigger the display of an alert box.

Read more here