Best jQuery Ajax Plugins & Tutorials with Demo

    Chained Selects jQuery Plugin

    July 25, 2013 | Ajax, Forms, Plugins
    Chained Selects jQuery Plugin

    Chained is simple jQuery plugin for chained selects. You can choose from two different versions. Use jquery.chained.js if you do not want to make external queries for setting content of child selects. This version uses classnames of select options to decide content.

    For more complex scenarios maintaining option tag classnames will get cumbersome. Also if you want to make queries against database use jquery.chained.remote.js instead. This version makes an external AJAJ query and uses the returned JSON to build child selects.

    Read More Demo

    Extract URL content like Facebook with PHP and jQuery

    July 20, 2013 | Ajax, PHP, Web
    Extract URL content like Facebook with PHP and jQuery

    You may have seen Facebook’s technique that extracts content of remote URL when a user types a URL in the status text-box filed. In this article, we will try to create a similar type of Ajax based URL content extractor using jQuery and PHP.

    Read More Demo

    jQuery.LazyJaxDavis : Makes everything ajaxify with flexible URL

    July 15, 2013 | Ajax, HTML5, Web
    jQuery.LazyJaxDavis : Makes everything ajaxify with flexible URL

    Makes everything ajaxify with flexible URL routing powered by html5 history API.JQuery.LazyJaxDavis brings the power of history.pushState to static websites.This changes all location changes to dynamic – ajax based.

    Read More Demo

    Ultimate Google Web Fonts – code generator

    July 10, 2013 | Ajax, Other API, Premium, Web
    Ultimate Google Web Fonts - code generator

    Ultimate Google Web Fonts code generator is a tool that allows you to instantly access all of Google’s open source web fonts, preview and generate code to use them with any website, regarding of technology used (PHP, Joomla, Magento, ROR, pure HTML, ASP.net, etc). List of available fonts is updated from Google automatically, and currently there are more than 650 fonts to choose from.

    With its unique system for previewing fonts on any website, it is fun and easy to use. You can take full control over typography in your site in a matter of minutes.

    Features:

    • Live, instant preview of any Google Web font with any site
    • Top-notch performance: only 1 css file and one style block for any number of fonts added
    • Supports all available font variants (e.g. light, bold, italic, black, etc.)
    • Allows additional custom CSS for each font (e.g. red color, etc.)
    • Ajaxed, easy interface
    • Loads a list of fonts automatically
    Read More Demo

    Tapestry 5 jQuery integration Module

    July 3, 2013 | Ajax, Forms, jQuery UI, Plugins
    Tapestry 5 jQuery integration Module

    Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.

    The “Tapestry5-jQuery” is an open sourced Tapestry 5 library from Atos WorldLine. It aims to make it possible to replace the Prototype/Scriptaculous JS layer of Tapestry: all its components, mixins or any other JS interactions. It also provided advanced UI component framework for easily integrating Ajax capabilities into business applications using Tapestry5

    Read More Demo

    jQuery Steps : A powerful jQuery wizard plugin

    June 24, 2013 | Ajax, Forms, HTML5, Plugins
    jQuery Steps : A powerful jQuery wizard plugin

    jQuery Steps is a smart UI component which allows you to easily create wizard-like interfaces. This plugin groups content into sections for a more structured and orderly page view. Furthermore, it is as simple as 1-2-3 to add plugins such as jQuery Validation which can prevent step changing or submission. Check out the demos and get a first-hand impression!

    Features:

    • HTML5 and Accessability support
    • Async (AJAX) content loading
    • Form validation made easy
    • Embedded iframe content
    • Cool transition effects
    • Keyboard navigation
    • Simple Step Manipulation
    • Multiple wizards in one page
    • Easy Navigation
    • State Persistence *
    Read More Demo

    jQuery Auto Ajax Loader Indicator Plugin

    June 21, 2013 | Ajax, Plugins, Premium
    jQuery Auto Ajax Loader Indicator Plugin

    A simple plugin to automatically display aJax requests using jQuery with highly configurable. In the code of your script you don’t need any more support indication to the user requests. The plugin will do everything himself!

    Features:

    • Lightweight: 4KB of JavaScript
    • Appearance is controlled through CSS so it can be restyled.
    • Automatically starts
    • You do not need to modify your scripts to use
    • The ability to set different templates into individual navigation elements
    • Error handler
    Read More Demo

    jQuery File Download Plugin for Ajax

    June 18, 2013 | Ajax, Plugins
    jQuery File Download Plugin for Ajax

    jQuery File Download is a cross server platform compatible jQuery plugin that allows for an Ajax-like file download experience that isn’t normally possible using the web.

    Read More Demo

    bootstrap-ajax : Adding declarative ajax functionality to your website

    June 16, 2013 | Ajax, Bootstrap, jSON, Plugins
    bootstrap-ajax : Adding declarative ajax functionality to your website

    This plugin is designed to work with Twitter Bootstrap to enable declarative AJAX support.

    No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called "html" that is the rendered content. Unlike a backbone.js approach to building a web app, bootstrap-ajax leverages server side template rendering engines to render and return HTML fragments.

    Read More Demo

    Auto Load More Data On Page Scroll with jQuery & PHP

    June 13, 2013 | Ajax, PHP
    Auto Load More Data On Page Scroll with jQuery & PHP

    In this tutorial we learn how about loading database records automatically when user scrolls down to the bottom of the page? The technique can be seen in Twitter, Facebook and several other websites. Let’s use examples from previous article, with some modification we can create Ajax based auto loading script, which loads records when user scrolls to bottom of the page.

    Read More Demo