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


ajax javascript 1 Ajax/Javascript Examples and Demos


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


ajax javascript 2 Ajax/Javascript Examples and Demos


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


ajax javascript 3 Ajax/Javascript Examples and Demos


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


ajax javascript 4 Ajax/Javascript Examples and Demos


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


ajax javascript 5 Ajax/Javascript Examples and Demos


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

Tooltip for Forms


ajax javascript 6 Ajax/Javascript Examples and Demos


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


ajax javascript 7 Ajax/Javascript Examples and Demos


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


ajax javascript 8 Ajax/Javascript Examples and Demos


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


ajax javascript 9 Ajax/Javascript Examples and Demos


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


ajax javascript 10 Ajax/Javascript Examples and Demos


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

Scrollable Div


ajax javascript 11 Ajax/Javascript Examples and Demos


Content Div with custom Scrollbars, Click Here for Live Demo

Form input slider


ajax javascript 12 Ajax/Javascript Examples and Demos


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.