New Scripts | JavaScript

"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. "

"Chroma-Hash is a jQuery plugin that dynamically visualizes secure text-field values using ambient color bars. Password entry can be frustrating, especially with long or difficult passwords. On a webpage, secure fields obscure your input with ""¢'s, so others can't read it. Unfortunately, neither can you""”you can't tell if you got your password right until you click ""Log In"". Chroma-Hash displays a series of colored bars at the end of field inputs so you can instantly see if your password is right. Chroma-Hash takes an MD5 hash of your input and uses that to compute the colors in the visualization. The resulting color pattern is non-reversible, so no one could know what your password just from the colors."

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.

PreLoadMe is a leightweight preloader for any webcontent. Powered by jQuery and CSS it is fully responsive and will run on all modern desktop- and mobile browsers with no additionals plugins. PreLoadMe displays a loading animation until the browser fetched the whole webcontent and will fade out the moment the page has been completely chached. Because the simplicity of PreLoadMe, it can be easily customized and adapted to your needs.

"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. "

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."

"This plug-in animates the scrolling between hash-links (named anchors). ### Requirements You will need jQuery included on the page. If you want to use additional easing methods, you will need jQuery UI as well. Include the jquery.anchorscroll.js as well, and your own script which activates the plug-in. An example script called global.js is included in the package: "

In computing, a benchmark is the result of running a computer program or a function, or a set of functions, in order to assess the relative performance of an object, by running a number of standard tests and trials against it. This is a method which can be used to do a relative measure (benchmark) of the Javascript function performance.

Ever wanted to upload files using AJAX like in GMAIL, without reloading the page? Now you can. Cross browser method to upload files using AJAX in only 1Kb of code.

UnoSlider is a jQuery content slider plugin with an unlimited transition animations (really, unlimited!) and a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features. UnoSlider works in all modern browsers and mobile devices, as well as in older browsers, including IE7 and IE6 (with some limitations) Features * Fully responsive * Mobile optimized * Touch enabled * Literally unlimited transitions * Animated Layers * More than 30 options * Per-slide options * Easy installation * Html content * Easily themeable * 12 prebuilt themes * Well documented * More than 40 preset transitions * Public api * Images preloader * Multiple sliders on one page

This is Everyone's favorite css menu, and its not hard to tell its animation attracts people and its also on of S.M 's Favorite two and hopefully its predecessor will be on the #1 spot. Its Glossy top gives its animated look very unique and one of kind . This menu will revolutionize the menus and there will be no need for flash menus and use of so much memory and adding objects it is very simple to edit and integrate to your website.

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.

Pop up any kind of web-content without popping up an extra browser window or tab for it. Inline layers are JavaScript objects hovering over your document. They will display any kind of html-content & executable JavaScript code. Any number of layers can be displayed simultaneously. They can be dragged, minimized, resized & closed. Content can be retrieved from different sources: a string, an ajax-request or a URL. They come with different CSS styles that can easily be adapted. They will also display images & captions, and generate slide shows. And they will mimic the behaviour of alert, prompt & confirm messages. Ill objects are easy enough to be handled with just some basic knowledge of scripting. They are complex enough to handle their own methods, properties & events. The script is independent and introduces no external frameworks (no prototype, jQuery, ...). Inline layers have been tested to be browser friendly.

JQuery image slider with pagination that allows to create slideshow of a gallery of images with paginate option. Auto paginate option. Option to customize the slide show. Any number of images can be presented.

This file is suitable for homepage banner, slideshow, product viewer even though you can use as an intro. All animations are customizable so it suitable for any type of banners. You can position and spacing each content easily using data attributes. In download file, four default slideshow is available in separate html file. Features: Easy to align , spacing and animation direction for each image and Text Option to choose any type of in/out animation direction Option to set animation coming distance Touch screen capability – Drag to show next / previous slide Cufon font support Background pattern moving animation Three different types of next, previous and slides button design are available Option to align the navigation any where Enable/Disable buttons auto hide Slideshow pause when the user hit the banner otherwise it continue to play Four different types of sample is available Support unlimited images and Text on each slide Support all browsers

This object can apply the blur effect to HTML page elements. It takes the identifier of a given page element and starts an animation effect that progressively alters CSS properties of that element that make it appear blurred. Different CSS properties may be altered depending on the capabilities of the current browser. The object can also execute an animation that reverts the blur effect of the element. There are versions of the object either based or not in the jQuery library.

This object can apply the water drop effect to Web page elements. It creates an animation effect on a given page element that seems like a drop of water appeared over that page element. The water drop color, the animation speed, and the drop expand and fade effects are configurable options. This object is available as a standalone object or as a jQuery plug-in.

Multi-Content Slider is a robust horizontal jQuery slider that is able to contain multiple items within each tab and also different content (Images, Text or Both) within each slide. Easy to use interface makes it easy for your customers to find what they are looking for no matter how much content you add to the banner. Adding the package to your site is simple. All you need to do is copy the js and css files to your server. (if you choose to place them in another file structure, be sure to change the link). Required associated files are jQuery and jQuery Timer Plugin (included) Copy the HTML where noted within the demo (demo also contains installation and usage). Change content by editing content within existing divs. (NOTE - DIV ID and CLASS structure IS SENSITIVE!!!) More information contained in Demo.

Add Powerful reporting features to your Web / Intranet pages and applications. With the advanced graphing functionality you will be quickly adding impressive and dynamic charting capabilities bringing your data alive ! The graphing software is completely self contained within a single file making this an ideal solution for the incorporation of graphs and charts into web / intranet pages and applications. Versatile components provide the ability for web authors and developers to easily build and publish dynamic and interactive graphs and charts. There is no complicated server side set up or install, simply upload the single JavaScript file to the web server and begin adding dynamic graphing functionality to web pages.

JQuery Itunes Image Slider Script is used to present multiple pictures in a single frame as an automated slideshow. Here the images are loaded one at a time with the thumbnails of upcoming pictures queued on right.