My Ajax ScriptsAjax and Web2.0 directory

The carousel component manages a list of content (HTML LI elements within a UL) that can be displayed horizontally or vertically. The content can be scrolled back and forth with or without animation. The content can reference static HTML content or the list items can be created dynamically on-the-fly (with or without Ajax).

The Dojo Toolkit is an open-source JavaScript toolkit for building great web applications. It shortens the time between idea and implementation by providing a well conceived API and set of tools for assisting and fixing the issues experienced in everyday web development. It is lightning fast, extremely robust, and supplies a solid set of tools for DOM manipulation, Animations, Ajax, Event and keyboard normalization, Internationalization (i18n) and Accessibility (a11y). The Base of Dojo is a single, lightweight entity (26KB "across the wire"). Dojo is completely free, liberally licensed (AFL or BSD), and transparently developed by an active group of developers with a strong community presence.

Free animated loading gif preloaders generator for AJAX loading Choose the type of animated gif preloader you want — Enter the background color code desired — Click "Transparent background" in case needed — Pick the foreground color code you want — Set the sizes of the preloader, if needed — Choose your animation speed by dragging the blue ball — Press "Generate preloader" and wait for your preloader be generated

MyAjax is a MySQL Ajax Table viewer which allows for sorting, searching, and viewing of large amounts of MySQL table data in a quick and easy to use Ajax web interface. MyAjax features Ajax Sortable Columns, Ajax Search, and Ajax Paginated Results. Uses jQuery for Ajax calls and Javascript functions. Config file includes customisation variables to set which fields to display and their default sort order, which field to search on, results per page and more.

This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more. We got our inspiration for this script from Yahoo's homepage, which employs such a concept to show news in an organized fashion.

Easy configurable DHTML JavaScript combo box with Ajax support, autocomplete functionality and wide cross-browser compatibility.

TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.

I have made an example of the Gmail username style signup page. Where you enter your selected username and click Check Username the script will then check to see if the username is taken if so make some suggestions as to others like that one which are available.

This script allows you to add simple star rating boxes to anything on your website. – Images, tables, lists, are a few of the possibilities you could add a star rating to.

I’ve completed my updating of my aging AJAX help balloons / tool tips / dialog balloons / whatever you want to call them. New features included: Less library dependence. It’s still prototype.js-based and dependent, but no longer requires Scriptaculous nor the prototype “improvement” script that they previously used. You can optionally still use Scriptaculous if you want the sexy fading effects. Just include the scriptaculous.js file in your document and the balloons will detect it and use it, no configuration needed. (However, if you want to use different Scriptaculous effects than the standard Fade and Appear, you can set the hideEffect and/or fadeEffect options to whatever you want… Doesn’t even have to be Scriptaculous, just Scriptaculous-compatible) Use any object as an anchor point. This was available in later revisions of v1, but I’ve solidified it’s support. Simply assign the anchoring element as the balloon’s icon property at instantiation. (See the example page for details) Anchor postioning control. This feature allows you to move the anchor around within your icon for fine-tuning the balloon’s display. (See the example page for details) Non-caching remote data requests. If you’ve ever tried to use v1 of the balloons with dynamic data, you’d know that once the balloon makes it’s first request, it caches the request result and would not make subsequent calls for fresh data. You can now force the balloon to make a fresh request before each showing using instantiation options. (See the example page for details) Fixed direction assignment. By default, the balloons will position themselves based on available realestate, but you can now assign a fixed direction using instantiation options. (See the example page for details) Still 100% free, now released under the MIT open source license. Better organized and fully commented/documented code. This was a complete refactor/rewrite of the code base, and I made sure to comment the code very thoroughly and try to explain my reasoning (or insanity) as best I could. In addition, I’ve written a proper API page, and have revisited the examples page.