New JavaScripts:

Text: Truncate Text

This script is a clever way of automatically truncating the text of a paragraph, without dividing in the middle of a word. You can truncate the text to a length of your choosing. A link is added to expand the text.


Menu: Simple Drop Down Menu

This clean-looking menu is very simple to implement and can be placed anywhere on a page. Adding or deleting levels is easy to do. The menu is created without tables, using unordered lists and hidden layers.


Snippet: Removing Nodes Using the DOM

You can remove existing nodes using the DOM. The removeChild method allows any node to remove one of its child nodes. Simply pass a reference to the node you wish to remove. Any text or elements within the node being removed will be removed along with it.


Image: Image Load Delayer

This simple and short script can be used to delay the loading of any particular image on a Web page. A smaller image is loaded, which can be transparent or blank, in place of the larger image. After a designated amount of time the larger image can be made to load in place of the smaller one.


Utility: History Keeper

A JavaScript-based library for managing browser history (back button) and providing support for deep linking for Flash and Ajax applications.


JavaScripB@nk.com has 2155 effect sets in about 320.518 source code lines

Page-Details: Create a Color Palette
Have you ever wanted to let others know the color palette that you use on your Web site? Or perhaps you need to figure it out yourself. This small script, along with a copy of MooTools (included), will create a palette of your Web page (images not included) that would please even the likes of Pablo Picasso.

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.

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.