Best jQuery Ajax Plugins & Tutorials with Demo

    Ajax AutoComplete for jQuery

    Ajax AutoComplete for jQuery

    Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

    Built with focus on performance – results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

    Javascript thumbnail and media viewer : Highslide JS

    Javascript thumbnail and media viewer : Highslide JS

    Highslide JS is an image, media and gallery viewer written in JavaScript.These are some of its advantages:

    • Quick and elegant looking.
    • No plugins like Flash or Java required.
    • Popup blockers are no problem. The content opens within the active browser window.
    • Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
    • Lots of configuration options and scalability without compromizing on simplicity. A component system lets you strip away unused features down to a filesize of 10kB.

    zGrid : PHP / AJAX / jQuery based Grid System

    zGrid : PHP / AJAX / jQuery based Grid System

    I have developed a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGrid.

    Building an AJAX currency converter with PHP, jQuery and Google

    Building an AJAX currency converter with PHP, jQuery and Google

    As you may already know, Google has a calculator feature built in their search engine, which can be used to convert measures, currencies, get stock quotes, weather data and many other features. You can see this features explained here.

    Why wouldn’t we use it for something useful and build a simple AJAX currency converter using Google currency converter feature? We need some time, jQuery, Google, great music and of course, this tutorial.

    jQuery Mobile Advanced Tutorial – RSS reader app

    jQuery Mobile Advanced Tutorial – RSS reader app

    Today’s tutorial is going to show you how you can use jQuery Mobile with PHP, MySQL and a bit of AJAX to build a small mobile web application.

    At the end of this tutorial you will know how to add new RSS feed name and url into the database, how to delete the record from the database, how to fetch and parse a RSS feed and show its results inside jQuery Mobile list view.

    jQuery tag input and autocomplete plugin : TextExt

    jQuery tag input and autocomplete plugin : TextExt

    TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.

    A wide number of plugins are available including Tags, Autocomplete, Filter, Ajax as well as a few which are purely aesthetic like Focus.

    jQuery: Customizable layout using drag and drop

    jQuery: Customizable layout using drag and drop

    An easy to use and useful jQuery plugin helps create create a customizable website layout using drag and drop with features like saving preference using cookies.The plugins uses jQuery along with the jQuery UI Sortable plugin for drag and drop functionality and the jQuery Cookie plugin for storing item positions

    How to build a web widget using jQuery

    How to build a web widget using jQuery

    I created some web widgets for the London’s Design Museum and learned a few useful things in the process. Although all the necessary information can be found on the web, I couldn’t find a really comprehensive guide about doing this with jQuery so I decided to write this one. I’ll cover only techniques which are specific to web widgets so you should already be familiar with JavaScript, jQuery and web development if you want to follow easily.

    The interesting points will be:

    • ensure the widget’s code doesn’t accidentally mess up with the rest of the page,
    • dynamically load external CSS and JavaScript files,
    • bypass browsers’ single-origin policy using JSONP.

    Create a Dynamic Scrolling Content Box Using AJAX

    jQuery AJAX Scrolling Content Box

    If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically and adds it to the list.

    Adding a jQuery scroller to your website that supports Ajax

    Adding a jQuery scroller to your website that supports Ajax

    Sometimes, a nice and sharp design is ruined by the addition of a scroller. By default, the OS styles the scroller and that (arguably) makes it look ugly. For this tutorial, I’ll be using a nice little script called fleXcroll and then adding some code to add support for loading content via Ajax. I’ll also be using jQuery, but of course, you can use any other JavaScript framework or just plain old JavaScript.