New JavaScripts:

Utility: Search the Page

This script will allow your visitors to search a Web page for any matching characters. It can be set for the entire page or within a specific ID attribute. Simple to use and heavily annotated.


Link: Link Brackets

Want to spruce up your links without adding background images? This script will enclose your designated links in brackets. You can keep the other links separate, if you like.


Utility: JavaScript Utilities Library

This script provides functions for browsers which do not inherently support the entire JavaScript Core and supplies some useful functions PHP developers might wish they had access to.


Snippet: JavaScript Includes

When you start using Prototype, Scriptaculous, and other JavaScript libraries, you often end up with a dozen lines of script tags pulling in all of the code from different places. That would be fine if you never added a new library or never needed to swapped them out. This script will create a single JavaScript loader for each project that contains all of the scripts necessary.


Link: Link Enhancer

Using this script, outbound links will open in a new window automatically. No need to add anything to the link. The script will also apply a different style to the outbound link to make visitors aware it is an outbound link. You don't have to worry anymore about targets and the appearance, especially if your customers have their own CMS.


JavaScripB@nk.com has 2150 effect sets in about 319.945 source code lines

Tutorials: Introduction to the Document Object Model
The Document Object Model, or DOM, is the interface that allows you to programmatically access and manipulate the contents of a Web page. This tutorial is a discussion on the DOM representation of a document and the methods it provides to access those objects.

Forms: Number Formatting
These two functions clean up and format numbers quite nicely. One function takes any decimal number, negative or positive, and formats it by adding commas every three digits. The other function strips any non-numeric characters from a string leaving you with a valid decimal number. It considers the minus sign and the period to be numeric and will not strip them unless the minus sign is not at the beginning of the number or there is more than one period. These functions make use of regular expressions to do the heavy lifting.

Snippets: GetPosition 2
This code returns the position of a given element in a given container, relative to other elements of its type. Very useful for finding position indexes of list items, pictures, form items, and more.

Cookies: Cookie.isEnabled
This function checks whether cookies are enabled in the browser. Returns true on success and false otherwise.

Tutorials: JSONVid: Pure JavaScript Video Player
Jacob Seidelin went on a mission to create a pure JavaScript video player that didn't use Flash. The result: JSONVid.

More Scripts: We add new scripts and tutorials on a regular basis. Be sure you didn't miss any of the most recent additions.

Navigation: Rainbow Links
Implement this script into your Web pages to make all links change color on mouseover event.

Forms: Form Field Hints
This is a basic example of how helpful a little JavaScript and CSS can be in a form.

Messages: E-mail Address Protector
Protect your e-mail address from potential spammers.

Navigation: Animated MiniTabs
A sleek animation effect using tabs for a slide navigation bar. Degrades very nicely when JavaScript is turned-off.

Games: Tic Tac Toe
This script created by Chris Englmeier is a simple Tic Tac Toe game.

Forms: Right Click Context Menu
This javascript enables you to display a context menu whenever a user right click the page. It's a customizable menu. Check it out yourself... (Download Zip file)

Forms: Buttons Menu
Click a button to display a menu of buttons.

Forms: Highlighting Links 1
Change the color of the text of a link when the mouse hovers over it.

Forms: Highlighting Links 2
Highlight links as you mouse over them.

Image: Simple Mouse Over Functionality
Change what is displayed when the mouse moves over an image.