AJAX Crawler - Collection of DHTML and AJAX Samples.

Mastering The Back Button With Javascript

noreply@blogger.com (Vinod Kumar) — Sun, 06 Dec 2009 14:04:00 +0000

In case u ran into problems with our website or foresee running into problems because of the back button on the browser check out this article. Read this and hopefully you can master the back button with Javascript.

Read more at the below link.

http://www.hunlock.com/blogs/Mastering_The_Back_Button_With_Javascript

mediaboxAdvanced - Mootools based script

noreply@blogger.com (Vinod Kumar) — Sun, 06 Dec 2009 11:26:00 +0000

mediaboxAdvanced is a Mootools javascript plugin that can handle images, videos, animations, social video sites, twitter media links, inline elements, and external pages with ease.

Read more and download the source from the below link.
Demo is also available at the same link.

http://iaian7.com/webcode/mediaboxAdvanced#introduction

Watermark plugin - jQuery based script

noreply@blogger.com (Vinod Kumar) — Sun, 06 Dec 2009 11:19:00 +0000

This jQuery based plugin adds watermark capability to HTML input and textarea elements.

Read more and download the source from the below link.

http://code.google.com/p/jquery-watermark/

SimpleModal modal box using jquery

noreply@blogger.com (Vinod Kumar) — Sun, 06 Dec 2009 11:11:00 +0000

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

Demo Link.

http://www.ericmmartin.com/projects/simplemodal-demos/

Read more and download the source from the below link.

http://www.ericmmartin.com/projects/simplemodal/

xCSS - Object Oriented CSS Framework

noreply@blogger.com (Vinod Kumar) — Sat, 05 Dec 2009 01:30:00 +0000

xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features.

Read more and download the framework from the below link.

http://xcss.antpaw.org/

Parallax Scrolling Background - jQuery based script

noreply@blogger.com (Vinod Kumar) — Sat, 05 Dec 2009 01:25:00 +0000

In this tutorial, you will learn how to add a parallax scrolling background effect using JQuery. The effect will be reminiscent to old-school 2D platform games like Sonic the Hedgehog.

Demo Link.

http://themeforest.s3.amazonaws.com/116_parallax/tutorial-source-files/tut-index.html

Read more and download the source from the below link.

http://themeforest.s3.amazonaws.com/116_parallax/tutorial-source-files/tut-index.html

Form Element AJAX Spinner Attachment - jQuery/MooTools based Script

noreply@blogger.com (Vinod Kumar) — Sat, 05 Dec 2009 01:15:00 +0000

This tutorial will explain how to add an AJAX Spinner to a form element when an AJAX call is made. A lot of websites make AJAX calls without any indication to the user that something is going on. This can lead to a frustrating user experience particularly when the AJAX call is slow to respond. With the spinner attached to a form element the user will know that some processing is going on.
The plugin can be built using jQuery or MooTools.

Demo Link.

http://davidwalsh.name/dw-content/ajax-request-spinner.php?jquery

Read more and download the source from the below links.

jQuery Version
http://davidwalsh.name/ajax-spinner-jquery

MooTools version
http://davidwalsh.name/ajax-spinner

Slick Slideshow - jQuery based Script

noreply@blogger.com (Vinod Kumar) — Sat, 05 Dec 2009 00:51:00 +0000

Here is a tutorial to help you create a slick and accessible slide show using the power of jQuery.

Demo Link.

http://sixrevisions.com/demo/slideshow/final.html

Read more and download the source from the below link.

http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/

Twitter Ticker - jQuery based script

noreply@blogger.com (Vinod Kumar) — Sat, 05 Dec 2009 00:43:00 +0000

This tutorial will teach you how to create a Twitter ticker using jQuery and Twitter's Search API. You can show your or your friends latest tweets. Does not require any server side code or database.

Demo Link

http://demo.tutorialzine.com/2009/10/jquery-twitter-ticker/demo.html

Read more and download the source from the below link.

http://tutorialzine.com/2009/10/jquery-twitter-ticker/

MenuMatic Horizontal Menu - Mootools based script

noreply@blogger.com (Vinod Kumar) — Fri, 04 Dec 2009 13:47:00 +0000

MenuMatic is a horizontal menu plugin that takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system, with enhanced usability and flair.

Demo Link.

http://greengeckodesign.com/projects/menumatic/examples/horizontal/

Read more and download the source from the below link.

http://greengeckodesign.com/?q=menumatic

Pure CSS text gradient (no PNGs)

noreply@blogger.com (Vinod Kumar) — Fri, 04 Dec 2009 13:39:00 +0000

This article explains how to produce a gradient effect for your html text with pure css.

Read more at the below link.

http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/

iPhone like Password Field - jQuery based script

noreply@blogger.com (Vinod Kumar) — Fri, 04 Dec 2009 00:22:00 +0000

On an iPhone when a password is typed the last character in the row is shown in plain text. Take the same idea and put it on your web page powered with some jQuery love and you have a delayed password masking control.
The security risk is totally debatable. But then if you really don't care about all that go for this script. And of course Non-JS users get the common masked password fields.

Read more and download the source from the below link.
Demo is also available at the same link.

http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/

Keep your web page footer at the bottom!!!

noreply@blogger.com (Vinod Kumar) — Fri, 04 Dec 2009 00:16:00 +0000

Most web developers come across this problem when an HTML page contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This can look bad, particularly on a large screen.
So here's a tutorial that explains how to solve this problem.

Read this tutorial at the below link.

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Convert webform to wizard - jQuery based script

noreply@blogger.com (Vinod Kumar) — Fri, 04 Dec 2009 00:06:00 +0000

This tutorial will show you how to turn a long web form into a wizard with "steps left" information using jQuery

Demo Link.

http://www.jankoatwarpspeed.com/examples/webform_to_wizard/

Read more and download the source from the below link.

http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx

Sliding Login / Register Panel - jQuery based script

noreply@blogger.com (Vinod Kumar) — Thu, 03 Dec 2009 23:56:00 +0000

This is a cool & simple login / registration system powered by jQuery, PHP and MYSQL.
The login and registration panel slides down making it look cool and pleasing to the eyes.

Demo Link.

http://demo.tutorialzine.com/2009/10/cool-login-system-php-jquery/demo.php

Read more and download the source from the below link.

http://tutorialzine.com/2009/10/cool-login-system-php-jquery/

dhtmlxScheduler - Ajax Events Calendar

noreply@blogger.com (Vinod Kumar) — Wed, 02 Dec 2009 16:24:00 +0000

dhtmlxScheduler is a Web-based JavaScript event calendar that provides rich and intuitive scheduling solution similar to Microsoft Outlook Calendar, Apple's iCal or Google Calendar. Lightweight, fast and highly customizable. GPL licensed.

Read more and download the source from the below link
Demo is also available at the same link.

http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml

dhtmlxCombo - Ajax Autocomplete

noreply@blogger.com (Vinod Kumar) — Wed, 02 Dec 2009 16:12:00 +0000

Easy configurable DHTML JavaScript combo box with Ajax support, autocomplete functionality and wide cross-browser compatibility. Features include type-ahead, keyboard support and ability to display images in the dropdown list. dhtmlxCombo can be easily converted from existing HTML SELECT or populated with JavaScript. The component works fast with large sets of data, loading list of suggestions dynamically on demand

Read more and download the source from the below link.
Demo is also available at the same link.

http://dhtmlx.com/docs/products/dhtmlxCombo/index.shtml

Clean AJAX Engine

noreply@blogger.com (Vinod Kumar) — Sun, 15 Nov 2009 08:05:00 +0000

Clean is an open source AJAX Engine that provides a high level interface to work with AJAX technologies.Clean can be plugged into any page or DHTML framework. It was created to solve real problems found on AJAX applications, and is used in many projects. Clean will help you to adopt AJAX saving your time and your code, reducing your learning curve and the code re-engineering.

Demo Link.

http://clean-ajax.sourceforge.net/index.php?tab=demos

Read more and download the Clean AJAX Engine at the below link.

http://clean-ajax.sourceforge.net/

Object Oriented CSS

noreply@blogger.com (Vinod Kumar) — Sun, 15 Nov 2009 07:51:00 +0000

OOCSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.

Object Oriented CSS

View more presentations from Nicole Sullivan.

Read more about Object Oriented CSS at the below link.

http://wiki.github.com/stubbornella/oocss

gRaphael Charts JavaScript Plugin

noreply@blogger.com (Vinod Kumar) — Fri, 13 Nov 2009 00:18:00 +0000

This plugin helps create stunning charts on your website. It is based on Raphael graphics library. gRaphael currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

Read more and download the link.
Demo is also available at the same link.

http://g.raphaeljs.com/

AJAX Based Shopping Cart

noreply@blogger.com (Vinod Kumar) — Thu, 12 Nov 2009 00:01:00 +0000

If you are looking for an AJAX based shopping cart using jQuery, PHP and MYSQL database, try this one.

Demo Link.

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

Read more and download the source from the below link.

http://tutorialzine.com/2009/09/shopping-cart-php-jquery/

Scrollable - jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Wed, 11 Nov 2009 23:16:00 +0000

This jQuery plugin makes it extremely easy to add scrolling functionality to a website.
The scrolling functionality is visually appealing and customizable.

Read more and download the source from the below link.
Demo is also available at the same link.

http://flowplayer.org/tools/scrollable.html

Sliding Boxes and Captions : jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:52:00 +0000

This is a cool implementation of a sliding box using jQuery. Wondering what is a sliding box? There is a div tag that essentially acts as a window where two other items of your choosing “peek” through.

Demo Link

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

Read and more and download the source from the below link.

http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

jPlayer Audio Player : jQuery based plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:42:00 +0000

jPlayer is a jQuery plugin that allows you to:
play and control audio files in your webpage
create and style an audio player using just HTML and CSS
add sound effects to your jQuery projects
stream faster using HTML5 and alternative ogg format support

All of this with HTML5 <audio> support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash.

Demo Link

http://www.happyworm.com/jquery/jplayer/0.2.5/demos.htm

Read more and download the source from the below link.

http://www.happyworm.com/jquery/jplayer/

Horizontal Subnav with CSS : jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:21:00 +0000

Need a Horizontal Subnav Menu with CSS powered with jQuery Love? Try this one. Its even got a fix to make it work with the dreaded IE6.

Demo Link

http://www.sohtanaka.com/web-design/examples/horizontal-subnav/

Read more and learn how to implement this at the below link.

http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/