Top Rated Scripts | JavaScript

The open window script is often used and this is another example of the window.open function. Online demo available.

A CSS based tab menu with a second horizontal level. Move your mouse over a tab, and the second level content appears beneath it. It comes with 5 sleek tab menu designs to choose from by default, is search engine friendly, and supports the ability to auto select the tab that corresponds to the current page.

This script highlight all text in textarea or text field (input tag) by clicking on it. It allows users to reduce their manual work. For instance when users need to copy to the clipboard all text quickly or quickly delete the text from the field. For example: to copy a piece of code or to delete a username and password on login web page.

Although some people do not aggree (Jacob Nielsen), In-Page-Links are frequently used on content heavier webpages to ease navigation. I myself am not a huge fan of this solution, but i see the need for it. My biggest complain is, that it often seems to confuse users - "Where am I now", "How did I get here" - because clicking the link does not perform the expected action. Instead of going to another page, it performs some kind of scrolling, but skips the important visual hints. Luckily using prototype.js and script.aculo.us it is dead simple (13 loc) sprinkle some usability on your page. To save you a few minutes i packaged it up in inpage.js

There are many reasons you might want to disable the right click function within your webpages. Maybe you want to try and protect your images or source code etc... A javascript that can stop your visitors from right clicking on your webpages is quite helpful. This no right click javascript also has the option to pop up an alert to your visitor and/or close the window if desired.

Do you want to make sure that your visitors can only access your content via your domain. This Javascript is very useful for this. This javascript verifies that the request for the page (containing the script) was made from a page on your domain. This is really useful for log in forms that you want to make sure that the visitor uses the form you provide on your server.

Gchats Javascript color picker make it easy for you to let your users select color from a DHTML layer with single click. It's best choice to have multiple color selectors in a page.

The following sample of code gives an idea of how to add a blinking flash message at the status bar. Adding flash text at the status is very simple for that we use a single if-else loop in function blinkflash(). This script is compatible with IE. Click here to see live example. First of all we define three variables var message for �display message at status bar�, var speed for �set time interval to flash text�, and var control to control blinking of message

imgFader is a small and easy-to-use javascript (2.7 KiB), which generates a platform-independent, eye-candy slideshow by only needing an array containing some picture URLs. It is very suitable for generating a slide-show or enhancing the pictures on your website. Look at the examples to satisfy yourself.

A 2 layered horizontal tabs menu. Move the mouse over the 1st layer to see the contents of the 2nd. The 2nd layer's contents are defined inside an external file and fetched via Ajax when the page loads.

CalendarView is a lightweight calendar widget that strives to adhere to the latest web standards and best practices. Since it uses CSS for styling, it is possible to fully integrate it with the look and feel of your project or web site.

This script brings smoothness to the behaviour of same page HTML bookmarks on the page, so clicking on them gently scrolls the user to the designated HTML anchor, instead of abruptly. Furthermore, you can use this script to scroll to any element on the page with a unique ID attribute defined.

Based on jquery, this script will fetch data from your database and display it the same way that msn shows that you have a new message.

In just 5k, Unverse has functions for lightbox (pop-ups for images, divs and web pages), drag and drop, Ajax calls, as well as displaying, hiding or positioning HTML elements. It implements DOM Ready: start executing your javascript without waiting for all images and other large page elements to finish loading. Unverse aims to minimise the amount of javascript needed to get stuff done, whilst trying to remove the hassle of getting your code to work with varying DOM implementations in different browsers. This is a common aim and there are a lot of ambitious and excellent libraries out there attempting the same sort thing. But, compared to Unverse, they are all enormous.

Ribbonbar UI is by far the best recreation of the “real” desktop ribbonbar for the web. It is skinnable, fully AJAX driven component that is ready to use on any website. What you can you do with a MS Office like ribbon bar in web environment? Whether use it for navigation, associate it with your WYSIWYG editor, use in an email application, display links to your favorite social websites or simply build your entire webpage around it – this depends only on you. Ribbonbar UI has everything you would expect from a ribbonbar – cool looks, comprehensive and easy API, amazing command handling, different sets of inbuilt tools, cool Windows7 skin. And at last, but not least – deploying and configuring it is a matter of minutes.

YA ToolTip is a small javascript for creating rich tooltips on webpages. Easy setup: one small javascript

arcadiaCharts creates attractive, interactive 2D and 3D JavaScript and GWT charts which run natively in all browsers without plugins (no flash required). Supported chart types are: line, area, pie, donut (doughnut), bar, column, scatter, xy, logarithmic scale charts, time plot. Uses AJAX and HTML5 technology.

This object can display several types of charts in Canvas elements. It takes the values, labels and colors of each point and renders the chart in canvas elements of a given size. Currently it supports rendering charts of types: line, scatter, column, bar and pie. The chart background color, grid color and spacing, error and mouse event handlers are configurable parameters.

In CalendarView you will find no embedded style or presentation. You are encouraged to make it look how *you* want it to look so that it looks like it belongs in your project. CalendarView can be either embedded into your page or used as a pop-up. The choice is yours! Frustrated with the complexity and bloatedness of existing calendars, CalendarView was implemented as a lightweight alternative."

Magic Zoom Plus provides two ways to zoom images using JavaScript and CSS. To see an image in greater detail, hover cursor over the image and a zoomed area will appear to the side. Alternatively, click the image to enlarge it to full-screen. There are 41 examples available of how you can customise your Magic Zoom Plus. We have a simple 5 step installation process so anyone can use Magic Zoom Plus with confidence. Costs £45 for one commercial website license. We offer a full money back guarantee. For non-commercial websites Magic Zoom Plus is free of charge. It works on iPhone, iPad and Android devices as well as every major browser. Follow us for the very latest on Facebook: http://www.facebook.com/MagicToolbox and Twitter: http://twitter.com/magictoolbox