Javascript Examples

This prototype example shows you how to drag and drop popups windows in your web site.

jQuery plugin for displaying photos as slideshow with fancy transition effects. IT is compatible and fully tested with Firefox 2+, Internet Explorer 6+ , Google Chrome 3+, Safari 2+, Opera 9+.

You don't have to worry about the images you upload on the server, All image processing is done by the script. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.

JSValidate is a form validator that utilizes aspects of the Prototype and Scriptaculous library to bring you a simple to execute, non-intrusive JavaScript form validator. With minimal setup, your forms can be processing clean data in no time at all.

- Supports EVERY Media type and renders it appropriatly. - Better Animations! - Create your own custom overlays including transparent patterns! - Galleries support - You can create your own theme including markup/css/animations. - Automatically detects media and source. - A variety of parameters are available to further customize the experience.

Lately I had same crazy thoughts on coding a javascript wrapper to manipulate images rendered on the server-side. I decided to do some test which eventually resulted in phototype, a client/server-side library, based on prototype, which supports all kinds of image manipulations. On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images.

With this script you can preload in the background the next and previous queries from a database. When the user navigates trough the pages, they can do it without having to wait for an Ajax call to finish.

Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Here are very interesting Progress bars using ajax instead of flash.

Learn to build a simple web-based chat client using asynchronous JavaScript, XML, and PHP. The tutorial?s example utilizes the jQuery framework, MySQL, and PHP.

It works by caching all the results from a JSON Request and feeding them to the autocompleter object. When a item is added as a box, it's removed from the feed array, and when the box is disposed it's added back, so that it becomes available in the list when the user types.