How would you like 59 Awesome Ajax Scripts?
How would you like 59 Awesome Ajax Scripts?

How would you like 59 Awesome Ajax Scripts?

by Janith · 12 comments

The unspo­ken beauty of run­ning a web­site is the power it gives you. The power to pro­voke a thought or ini­ti­ate change or maybe just give you a peace of mind. Blog­ging has made this ever-so pos­si­ble with unbe­liev­able ease.

You can make your web­site heart-felt or winter-cold all depend­ing on your choice of visual themes, images and user interactivity.

Dif­fer­ent web­site, needs dif­fer­ent approaches when it comes to visu­als but noth­ing says “Leave My Site” like a bor­ing sta­tic web­site that has blocks of infor­ma­tion. So, Why not spice it up a lit­tle bit?

What is Ajax?

Ajax or Asyn­chro­nous JavaScript and XML is a col­lec­tive group of web tech­niques, brought together for one sin­gle pur­pose — to cre­ate inter­ac­tive web appli­ca­tions. Your vis­i­tors will be much more involved with the help from some of these scripts as they range from Web 2.0 Con­tact forms to detail statistics.

The lan­guage found it’s feet back in 2005, but the basic fun­da­men­tals were roam­ing the inter­net as way back as the 1990s. It was only recently, that it was dis­tin­guished as a solid form of web-scripting.

Is it a lan­guage, like Javascript?

You could call it a lan­guage, but it derives from a com­bi­na­tion of other lan­guages. The word “Ajax” orig­i­nates from a web-developer’s cre­ativ­ity by the name of Jesse James Gar­rett. Mr. Gar­ret engag­ingly explained that the lan­guage refers specif­i­cally to (Quoted from Wikipedia) -

  • XHTML and CSS for pre­sen­ta­tion
  • the Doc­u­ment Object Model for dynamic dis­play of and inter­ac­tion with data
  • XML and XSLT for the inter­change, manip­u­la­tion and dis­play of data, respectively
  • the XML­HttpRe­quest object for asyn­chro­nous communication
  • JavaScript to finally wrap all these codes together

Since then, many die-hard fans of script­ing have played around with it’s poten­tial and pro­duced some of the best scripts we have on the inter­net today!

Here’s a great list of Ajax Scripts that I’ve used myself in the past. The list has 59 Amaz­ingly Free Ajax Scripts, but it’s only the tip of the ice-berg. A sim­ple Google Search will return mil­lions upon mil­lions of results!

59 Awe­some Ajax Scripts, Starts NOW!

Cour­tesy of Mini­a­jax


jQuery Spy

Fade Out Bottom

Fan­cy­Box

Face­book Style Input Box

Sparklines

Style Switcher

Pro­to­type Window

AJAX Star Rat­ing Bar

An AJAX con­tact form

HeatMap — Track your Visitors

Grey­Box: An easy javascript popup box

Digg — like spy script

Bub­ble Tooltips

Reflection.js 1.6

Edit-in-Place with Ajax

Ajax Tabs Con­tent script

Dragable RSS boxes script

AJAX poller script

Dragable con­tent script

AJAX Fish­eye List Widget

Google X script

Cre­ate Pie and Donut Charts

Ajax sub­scrip­tion box — Mailist 0.9

Googlemap with geocode support

Tabbed con­tent browser

Browser-based instant mes­sag­ing client

Ajax domain search script

Amber­jack site tours

Gmail style, AJAX check user­name signup

Easy Ajax with ASK

Slideshow Alter­na­tive

Roll-your-own AJAX Slideshow

Carousel Com­po­nentdemo

ActiveCol­lab — open source project planner

Unob­tru­sive table sort scriptdemo

Really Easy Field val­i­da­tion with Prototype

Modal­Box 1.5 — User friendly web-based

Mag­netic AJAXdemo

Trans­par­ent mes­sagedemo

Thick­Box 2.1.1 — a web­page UI dia­log widget

Suck­er­fish HoverLightbox

Time­line

Goo­gieSpell

An Ajax file uploads progress bar

Tur­boD­bAd­min

jTip — A jQuery Tool Tip

Phoogle Maps v2.01

JonDesign’s Smooth­Gallerydemo

Plotr — Javascript graph­ics

Sortable, resiz­able, editable tables

Cross-fading Slideshow

FrogJS Javascript Gallery

Advanced RSS Ticker

SWFU­pload

DHTML Color Picker

DebugScreen

35mm Photo Viewer

Swazz Javascript Calendar

Pro­to­type Carousel Class

TJP­zoom — JS / CSS / DOM image magnifier

Have you tried any of these before?
Do you have an AJAX Script that you’ve made?
Why not leave a com­ment and tell us all about it!

Go to top

Article by Janith

Hey, I'm Janith. 16 years old, and livin' in Aussie.I'm with Twitter because it's the simplified version of Facebook + Myspace - crap. Along with Alex, we run Blogussion and plan to bring the blogging house down!

From Planning to Earning

A free course that explains all you need to know about maintaining and building a powerful, money making blog.

Information is delivered through a beautiful web guide & a 10 day email course (+ a weekly newsletter). Sign up, or learn more!

Alex Fraiser January 25, 2009 at 1:17 am

Amazing collection Janith I hope this helps some people, AJAX does some really cool stuff.

Reply

Farrhad A January 25, 2009 at 2:14 am

Whoa! Awesome compilation….quite a long post :D
I had never actually bothered to know AJAX’s full form.

*Why don’t you’ll add the sociable plugin? It rocks and is super convenient*

Reply

Patrick DeVivo January 25, 2009 at 10:22 am

Awesome list Janith,
I’d love to see some WordPress Ajax plugins too.

P.S.
I think the “Browser-based instant messaging client” has moved to http://www.ajaxim.com/

Reply

Alex Fraiser January 25, 2009 at 10:26 am

@Farrhad: I have never really messed around with AJAX either. I know it can do amazing things, I just never really got into it.

PS – ShareThis > Sociable :p

@Patrick: Thanks for pointing that out. I have fixed it. :)

Reply

SERPGenius January 26, 2009 at 5:44 am

Woah, nice list!
There’s heaps of nice Ajax Scripts but these are some of the best ~ will implement a few soon.

Thanks
SERPGenius

Reply

Cheap Motorcycles January 26, 2009 at 6:25 am

Awesme List :) :) :)

I hv been looking 2 remake some navigation…. So nw this wll mke it work a lottt easier.
Thanks 4 sharing :D

Reply

Jawahar January 27, 2009 at 12:57 am

Thats huge list!!! Good work janith !!

Reply

Web Hosting Jack January 28, 2009 at 7:09 am

Absolutely cool AJAX scripts collection.
I have bookmarked it for my future projects.

Reply

izwan00 January 30, 2009 at 11:18 pm

The main part of AJAX is only XMLHttpRequest object, which have capability to load server side script (php, asp, etc) without need to load the entire page.

From my point of view, AJAX is just a javascript library, not the language itself. The things that made all the script above developed is the wide implementation of javascript and css. AJAX is just to load and execute the server side script (interact with database, etc). You can find the complete tutorial about AJAX at http://www.w3schools.com/Ajax/Default.Asp . But, if you would like to develop the script like above, you need to learn javascript and css entirely.

Thanks for the listing above.

Reply

Janith January 30, 2009 at 11:22 pm

Thank you for that tip Izwann,
I can’t believe I missed that tutorial posted by W3Schools – will definitely check it out!

Reply

bill January 31, 2009 at 4:12 am

I love your wordpress blog theme. Which one is it using. Can you point the url to me… and great work with the ajax scripts collection.

Reply

Janith January 31, 2009 at 9:44 pm

Hey Bill,
Thank you for the compliments but this isn’t a free nor commercial theme.
Mr. Alex Fraiser has custom-built this theme only got Blogussion!

He’s offering several services for WP-Theme building, which you can view here.
Alex knows what he’s doing and I’m sure he can work something out for you :)

Reply

Leave a Comment

CommentLuv Enabled