Most Popular Scripts | JavaScript | Scripts & Programs | Miscellaneous

"CSS value (in px or em) that controls the height of the element as a String. Finally, you can submit the word ""˜auto' as a string. Auto will try to fill up the available space with the content and then automatically clamp once content no longer fits. This last option should only be set if a static height is being set on the element elsewhere (such as through CSS) otherwise no clamping will be done. "

A simple Javascript widget to create loading animation using a Canvas element. Works over varied backgrounds such as gradients and patterns. Control the look, size and speed of the loading animation, Framework independent, use plain Javascript.

"The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc. CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. "

Opens up a layer where user can pick up colors from default palette or customize favorite shades. In addition, color table supports conversions from RGB coordinates into models such as CMY, HSI, YUV, YES and more other.

This object can Interpret and render graphic commands in a Canvas. It provides an API to render basic drawing primitives in a 2D canvas with support for commands that can define the position of the graphics to be rendered, conditional commands, loop commands, etc.. The object can also interpret a text string that defines the commands to be processed written with a simple syntax.

This object can be used to display interstitial advertising. It generates HTML and JavaScript that makes advertising appear on the current page and then disappears if the user clicks on the skip link or after a given period of time. The same user may not be exposed to adverts for a given period of time. The class may invoke given callback functions after the advertisment is displayed, as well when user clicks skip link, or when advertisment exposure period ends.

This object can emulate mouse events on canvas elements. It extends the HTML 5 canvas context object for a given canvas element and can register event handlers to be called when mouse events on the canvas element occur. Currently it supports the events click, dblclick, mouseover, mouseout, mousemove, mouseup and mousedown events.

This function delays the command associated to a keyboard event. It could be useful while the user is typing inside an edit box for querying a database, so that one avoids to start querying each time a key is pressed and then the database server to be stressed after repeating commands. As the typing is over, the function is run. I'm not sure yet, but this trick could be exported to other situations where a delay is required.

Mosaic is a gallery component that will allow you to represent any visual element in an easy, fast way, thus being able to incorporate advanced sorting & display capabilities which will add to your application much better sharpness and quality than those provided by a simple image viewer. Due to the highly customizable nature of this component, in being able to introduce any type of item renderer, you will be able to use it both in the display of multimedia resource apps as well as in professional management applications and professional utilities whose functionality needs a higher interaction with the user, either on iOS devices (iPod Touch, iPhone and iPad) or Android devices.

A portable JavaScript application that provides automated access to remote devices, configurable software/command executions, custom module integration and powerful log file transformations. Managing different types of network attached devices (servers, workstations, routers, etc.) can be repetitive and time consuming, DAAT was created to simplify and automate these activities. It applies standard system administration methodologies with proven open source software and scripts to create an extensible solution that centralizes and simplifies common system administration tasks and procedures. Includes modules to manage device access information, encrypt/decrypt text, cache Windows network connections (IPC$) and display a Welcome window. New modules can be added to increase functionality or simplify processes and procedures. Modules are extended Ext JS components that have full access to the API.

This object can invoke functions when multiple keys are pressed. It can register event handler functions to be called when a sequence of one or more keys is pressed. The key sequence is defined by a string with the names of the keys, which can be letters, digits, symbols or qualifier keys like Ctrl, Alt and Shift. The registered callback handler function may also be called periodically while the defined key sequence is still being pressed.

jLim is a small JavaScript base code. It can be used to built your own JavaScript library or framework.

This script allows for the visual demonstration and testing of the performance and correct implementation of various sorting algorithms. The algorithms vary from their traditional versions because the functions are recursive. Although recursion makes the implementation more complicated, it allows for an observable running time, and the simultaneous execution of several sorts.

This object can show on-screen keyboard to emulate letter key typing. It can display a keyboard on the page with buttons for letters. The user can click on the letter buttons and the object pastes the letters on the currently active form input. It supports switching between many types of keyboard maps.

Google Maps Inserter is a Dreamweaver extension that allows easily inserting and editing Google Maps into your web pages, including the option of adding multiple markers/icons to the map to remark places. Each marker can have an info-window with information (editable) about the place. Technical note: This tool uses the Google Maps API version 3, so it doesn't need a Google API Key: all the process can be made in a single step from your Dreamweaver menu and the code will work on any webpage.

On ASF(my project) in the user center i use the url hash to define what content should be loaded into the div. When a user clicks on a link it changes the content in the div, but a user can also change the content by changing the hash value in the url.

A simple test of JavaScript to build a grid of squares. Consists of 3 different functions. Function One - Builds a gird out of HTML Divs. Function Two - Allows a DIV block to change to another color when pressed. Function Three - Allows a colored DIV block to change grid location.

textAssist helps web developers in making web sites more usable and user friendly. With the help of this plugin a web page could be easily assisted for users who selected some texts on it. Features jQuery capabilities. Highly Flexible and Customizable. Highly User Interface Design. Multilanguage support. Customizable through css. Extremely simple configuration. Auto Assist. Auto adjustment. Customizable items. Items could be builded from JSON hash. Unlimited items. Items can contain HTML tags. Customizable actions. Works in all browsers.

ezEditTable is a javascript code aimed at enhancing regular HTML tables by adding features such as inline editing components, advanced selection and keyboard navigation. Main features: * Attach to an existing HTML table * Advanced selection model * Extended keyboard navigation * Inline cell or row editing * Insert and remove rows * Send changes to server via GET or POST methods by form submission or by including script elements in the head section (only GETs) * Integration with any server-side technology as this is a pure client-side solution * Callbacks for all events, and delegates for most actions * Based on plain javascript, that is, independent from any javascript framework but compatible with any of them (no for..in etc.) * Exhaustive documentation and API

Add an overlay Google Street View or Map to a web page in seconds. Add the JavaScript and CSS provided, a link with an address and you're done. Allows customization of Street View or Map size. Just use the samples provided, no JavaScript coding required. Includes code to point a Street View at the address entered.