Welcome to Scripterlative

This site exists to provide high quality JavaScript code to meet many of the commonly expressed requirements of web developers.

The scripts are written with consideration to robustness, ease of installation and configuration. Where applicable, the code can be used in multiple instances in the same document. No script requires any editing of its supplied code.

The site's inception was encouraged largely by the inadequacies of other online JavaScript repositories with sponsorship-driven agendas and offering little or no support for often sub-standard code, usually from long-vanished authors. Programming forums are full of requests for voluntary help in respect of scripts "found" on such sites.

Conversely, whenever a satisfactory demonstration leads to a download of our code, it is imperative to us that it results in a successful installation on the intended website. To this end we undertake to provide a reasonable level of email-based support to anyone having the basic text editing skills required both to install scripts, and to specify relative file paths.

While the less complex scripts are entirely free, for the rest in recognition of the time and effort taken developing and documenting the code and any support that may have been rendered, we expect a gratuity of the user's choice via PayPal. We do not set prices and no sale takes place.
If you cannot agree with the above principle, we advise seeking an alternative code source.

For a further description of each script, click on its heading. To go straight to its demonstration page, double click.

---

Replaces most common accented characters typed into form fields, with their non-accented equivalent.

Often requested for use with email address fields.

[FREE]

Run Demo
 
 

Manage master-slave checkbox groups to check/uncheck/enable/disable multiple boxes simultaneously.

Multiple groups can be configured

A comprehensive solution to a common requirement

[FREE]

Run Demo
 
 

Prevents accidental form submission when the Enter key is pressed.

The Enter key just moves the focus to the next element.

Can be configured to skip elements that don't use text entry.

Does not focus Submit or Reset buttons.

Run Demo
 
 

A set of encapsulated functions to read and control all aspects of radio buttons and checkboxes.

[FREE]

Run Demo
 
 

Controls multiple groups of dynamic chained select boxes.

Features built-in optional AJAX data retrieval.

Option data can be loaded/retrieved using any combination of

• Hard-coded data
• Datbase retrieval at build time
• Built-in Ajax

De-populated boxes can be hidden.

Isolates the developer from having to manipulate source code arrays.

Run Demo
 
 

A JavaScript FRONT END for user rating systems

• Multiple rating bars in the same document
• Pre-settable on load
• Configurable for any number of symbols
• Displays any user-supplied graphics
• Interfaces with any form element
• Option to call external functions for AJAX interfacing

Run Demo
 
 

Multiple Unique Preference Listboxes - Controls a set of listboxes for selecting order of preference.

As a selection is made in one box, that option is excluded from all the others.

[FREE]

Run Demo
 
 

Appends dimensioned copies of form text fields and text area elements immediately after the original field.

Options include:

• Setting the source of the default content
• Applying focus or text selection
• Limiting the number of creatable fields.
• Appending <br>

New fields can be named either the same as the original, or with a sequential numeric suffix appended.

Appended fields can also be removed, singly or all together.

[FREE]

Run Demo
 
 

The much-maligned status line scroller.

Scrolls a randomly selected message from a list, for a specified number of cycles.

Does not interfere with URL displays from hyperlinks in the same frame.

Can select randonly from a list of messages and display a final static message.

Run Demo
 
 

Scrolls two or more same-domain frames in synchronisation, when any one is moved by the user.

Scrolling is in proportion to the relative lengths of the involved documents, and works both horizontally and vertically as applicable.

Run Demo
 
 

Synchronised user-scrolling of groups of divs.

When the user scrolls any div in a configured group, the rest scroll by the same proportion of their own length.

Supports vertical and horizontal movement and multiple independent div groups.

Run Demo
 
 

This script allows the mouse cursor to scroll a div in any scrollable direction just by placing the cursor close to the relevant edge. This can be a great enhancement to your site's operation, as you can see from it's use on this menu.

• Scroll speed varies with proximity to the edge
• Configurable for active boundary width and maximum speed
• Works on horizontal & vertical axes; simultaneously where applicable.
• Supports multiple divs.
• Eliminates the need for scroll buttons.
• Works with <textarea>s.
• You may wonder why it isn't a standard feature!

Run Demo
 
 

Use any image as a variable-speed scroll control for scrolling the content of divs, frames, iframes, textareas or even the current window.

Each button can be set to scroll either in a single direction, or any combination of available directions.

Cursor-speed monitoring allows a fast-moving mouse cursor to pass through a button without operating it accidentally. On multi-directional buttons, this feature allows the cursor to finish a scroll movement then 'escape' from the neutral point without triggering further movement.

Run Demo
 
 

Replaces hovered link text with a scrolling text description in the same space.

A useful alternative when popup tooltips may be intrusive.

Run Demo
 
 

Navigate to anchors with a decelerating scroll, in place of the default jump action.

• Assures users that they are still on the same page
• Scrolls on load if the URL contains a valid # parameter
• Scrolling can be halted just by disturbing a scrollbar
• Works across adjacent frames or iframes - click in one frame to scroll another.

Run Demo
 
 

Progressive decelerating scroll to anchors within scrollable divs, in place of the default jump action.

• Scrolls on load if the URL contains a valid # parameter.
• Can be preset to scroll a div on load without passing a "#" parameter.
• Multiple divs supported.

Run Demo
 
 

On refresh of a document, this script restores its previous vertical & horizontal scrolled positions (within a given browser session).

Can be used within iframes.

Run Demo
 
 

Within a given browser session, this script returns a scrollable div to its previous vertical & horizontal scrolled positions on refresh/reload.

Multiple divs can be restored.

Run Demo
 
 

Drag the entire document vertically and horizontally using the mouse. Can be toggled on/off by double clicking

Run Demo
 
 

A simple, reliable and versatile image pre-loader

[FREE]

A visual demonstration of this script is pointless.

Download Source Code and Documentation

A reprise of the often-requested banner rotator, providing multiple displays in either static or slideshow modes.

Static mode offers non-repetition on reload.

Slideshow mode offers optional display randomisation and 'freeze on hover'.

Each displayed image can form a clickable link to any URL

Run Demo
 
 

Displays multiple automatic or manual captioned slideshows on one page, in separate or shared positions.

Provides Start, End, Pause, Next & Previous buttons with direction changing.

Run Demo
 
 

When a configured image is clicked, this script reads the cursor position relative to the top left corner of the image, then passes the data to any other script via a user-supplied function.

Configured images can be arranged either into a single group all calling the same user function, or into separate groups.

Returns accurate data even when an image is contained within a scrolled div.

Run Demo
 
 

Displays full size captioned images triggered from disjointed rollovers of thumbnail images or links.

Supports multiple displays in the same document.

Configurable to select either by hover or click.

Features support for stepping buttons and look-ahead image pre-loading.

Run Demo
 
 

Multiple sequential slideshows whose images can be clicked to display an enlargement in a popup div or window.

• Ideal for displaying items in online stores.
• Can be used with single images instead of a slideshow.
• Clicking a thumbnail pops-up an enlargement and pauses scanning.
• Can generate either standard window popups or fast-response customisable divs.

Run Demo
 
 

Hover any element to display an image enclosed in a floating div adjacent to the cursor, with optional title text.

Selective Image Preloading, Optimised Image Positioning, Shrink-To-Fit Resizing, Individual Div Styling.

Run Demo
 
 

Dual or Tri-State graphical rollover buttons that stay 'locked' when clicked, until the click of another button in the group.

Featuring

• Automated image pre-loading
• Button presetting on load
• Support for multiple button groups
• Optional text captioning

Run Demo
 
 

Provides easy setting and swapping of element class names, either on single elements or globally.

Useful for changing CSS attributes of multiple elements.

[FREE]

Run Demo
 
 

Make cookie handling as easy as it gets with these integrated functions.

Set, read, modify, refresh, delete and increment cookies, without the clutter of separate functions.

With this script module included in your document, cookie-related tasks become a breeze.

[FREE]

Run Demo
 
 

Contrary to what you may believe:

NOBODY needs a countdown timer, so we won't be writing one!

This script fades the background and foreground colour of links, buttons and other elements on hover.

Makes a smooth transition between any two RGB colour values.

Link fading can be triggered on focus by keyboard users.

Very easy, unobtrusive configuration.

Run Demo
 
 

Provides a control to toggle a frame set between two fixed sets of dimensions.

[FREE]

Run Demo
 
 

This script highlights a hovered element, link or button in a specified group, by fading out the others.

This effect produces single-image rollovers.

Features optional 'locking' on click and presetting on load.

Run Demo
 
 

The simplest solution to reading absolute mouse co-ordinates. Data is updated automatically and is readable globally by any other script, without messy function calls.

Run Demo
 
 

Simple management of multiple popup windows.

Handles opening/reopening/closing while creating and storing all references.

[FREE]

Run Demo
 
 

Pop up fully customised windows in response to the click of a link or other element.

Run Demo
 
 

Selects a random URL from a supplied list for a specified link, each time the document loads.

Will not repeat the same URL consecutively (subject to cookie support).

Annunciates the url in the title bar on hover, along with a text description.

Supports multiple links each with their own URL list.

[FREE]

Run Demo
 
 

Play different sound files when hovering links and form buttons.

Easy, unobtrusive configuration.

Run Demo
 
 

Easily configured, individually customisable popup tooltips that can contain any type of element, including other websites.

Can be entered by the mouse cursor to copy data, and when populated with links can act as inline menus.

Run Demo