Ajax/Javascript Examples and Demos

Here are some handy Ajax and JavaScript samples which are very useful in normal web development.

jQuery Feed Menu for Multiple Feeds

When feeds became popular, it worked to have one icon on your site to point your readers to your RSS or Atom feeds. As feeds are more prevalent in blogs and websites abroad, the presence of multiple feeds abound.
jQuery Feed Menu allows users to click your feed icon and be presented with a list of feeds to choose from.

MooTools Autocomplete

A MooTools Autocompleter widget that creates a unobtrusive and customisable suggestion box for input fields from variable data sources. Try it out, it can load the suggestions from a local object or via XHR from a JSON or an XHTML source.

Prototype Window

This javascript class allows you to add window in a HTML page.
This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory.
It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine.

AJAX Star Rating Bar

This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh. It is a major improvement on the previous version because it is now unobtrusive, meaning that if Javascript is off it will still work (although the page will refresh). You can also set the number of rating units you want to use (i.e. 4 stars, 5 stars, or 10 stars) on a rater to rater basis (see samples below or read the docs). A few other changes were made as well – see the docs for details.

Quick Edit

Quick Edit content in place without opening new page or window. Click Here to See Demo..

Tooltip for Forms

Tooltip for Forms is very useful script to give instruction of your user while feeling the form, Click Here to See Demo..

Step Carousel Viewer

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose. Some highlights of this script:

All Levels Navigational Menu

All Levels Navigational Menu is a CSS/ HTML list based menu with support for infinite levels of sub menus. It’s lightweight and easy to implement (the menu contents are simply regular HTML lists), with all of the menu links search engine friendly. Furthermore, the menu is structured in a way that makes it very easy to customize its look. Following are additional details on All Levels Top Navigational Menu:

Ajax Pagination script

This script lets you include content from multiple pages and display them on demand, using Ajax. Pagination links are automatically created, with each page downloaded only when requested (speeding up delivery and saving on bandwidth. An overview of this script now:

Multibox Lightbox

Multibox is a lightbox that supports images, flash, video, mp3s, html.

Scrollable Div

Content Div with custom Scrollbars, Click Here for Live Demo

Form input slider

RGB Color Slider using form input,
Click Here for Live Demo

Choosing the right hosting won’t be as hard as coming up with the perfect script for your website. With quite a number of hosting reviews online, its a sure deal that you’ll be able to find the best for you in no time.