Some simple Ajax scripts can go a long way in your design. These simple elements can help improve your user experience, make the site more sensible, or just give it some added flare. Here are a few of our favorite Tool Tips, Lightboxes, Galleries, and Tabs.
jTip â€“ A jQuery Tool Tip
: jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of â€œjTipâ€ to a link element you can create a tooltip from the content found in the file the href is pointing too.
: A nice midification of Stuart Langridgeâ€™s Nice Title script.
Form Field Hints
: Display a tip on any element with a title and/or href. Super easy to use and setup.
: The code offers a variety of options for source and type of tooltip content and flexible control of positioning, formatting and display.
Cool Tool Tips
More Tool Tip Resources
: A nice tab style script with some slick moo tools effects for an added bonus.
: Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.
: Tabs with a slide transition between the tabs using Jquery.
: Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allows for a lagre number of tabs to fit into a small space.
Jquery Tab Skin
: A JQuery style fade animation that runs as the user navigates between selected tabs.
Fancy Slide Tabs
: The menu is developed in script.aculo.us and as I have mentioned above has some extra features as requested in comments after the last version of the Fancy Sliding Tab Menu.
Ajax Tabs w/ Content
: 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 new Version of the free EasyTabs Script is available. You can now set a autochange modus to one of your menus. Accessible compact and compatible with all browsers as always.
Lightboxes & Galleries
: A lot of changes since the orginal. A supe rpopular image gallery script w/mootools. Version 2.0 is out and a lot of changes have been made since v1.0.1… A lot of bugfixes, yeah. But also new features !
: the original light box that started it all.
: GreyBox can be used to display websites, images and other content in a beautiful way.
: flashLightBoxInjector is a PrototypeJS class that bridges the gap between Flash and Lightbox2. Not only does flashLightBoxInjector let you start an already existing Lightbox driven gallery (viz. static HTML), it also lets you dynamically build a list of images to show through Lightbox (viz. inject the needed HTML from within Flash)
: Lightview was built to change the way you overlay content on a website. Clean: Designed to compliment your content. Fast: Smart image preloading. Easy to customize: You don’t even have to know CSS.
: Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
: A lightbox that supports images, flash, video, mp3s, html.
: A modal box (inline popup), used to display remote content loaded using AJAX, web 2.0 style, written for the mootools framework.
It can be used to display some help document, an extra options page, a registration form, etc. It eliminates the need of classic popup windows, that may get blocked by popup blockers.