Best jQuery Ajax Plugins & Tutorials with Demo

    FFForm : jQuery Contact Form Plugin with Validations & Amazing CSS3 Animation

    September 12, 2013 | Ajax, Animation, CSS2 / CSS3.0, Forms, Plugins
    FFForm : jQuery Contact Form Plugin with Validations & Amazing CSS3 Animation

    The ‘Contact’ form on your website is like your door to rest of the world in the cyberspace. It is the easiest way for website visitors to drop a line and start the conversation.FFForm is a simple jQuery plugin that can be integrated in any website layout to provide a fully functional contact form. Built with jQuery and CSS, FFForm is compatible with all modern web browsers and mobile devices. It also provides various customization options including animations, field validation and notifications.

    Features:

    • AJAX Enabled
    • Cross-Browser Compatible
    • Data Validation
    • Custom handlers for events like onValidation, onSuccess and onError etc.
    • Various Animation Styles
    Read More Demo

    jQuery BlockUI Plugin

    August 24, 2013 | Ajax, Plugins
    jQuery BlockUI Plugin

    The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

    Read More Demo

    Twitter like follow system with PHP and jQuery

    August 20, 2013 | Ajax, PHP
    Twitter like follow system with PHP and jQuery

    We all simply love twitter and there are number of reasons to be in love with it. The best feature I love about twitter is it’s follow system. The way it is built and presented to us. Let’s see how we can replicate this feature using PHP and jQuery with obvious protection against CSRF attacks.I am not going to involve SQL integration in this tutorial.

    Read More Demo

    HeapBox : jQuery SelectBox Replacement plugin

    August 15, 2013 | Ajax, Forms, Plugins
    HeapBox : jQuery SelectBox Replacement plugin

    HeapBox is plugin for jQuery that replace native HTML selectboxes in your webpages. HeapBox supports themes, events, callbacks, ajax and much more.Heapbox doesn’t know how to deal with textboxes, checkboxes etc but when it comes to selectboxes, it’s kick-ass.

    Read More Demo

    Multiple Ajax Image Upload without Refreshing Page using jQuery

    August 11, 2013 | Ajax, PHP
    Multiple Ajax Image Upload without Refreshing Page using jQuery

    Today I am presenting the most important social networking feature called multiple ajax image upload without refreshing the page using jquery and PHP. We just modified few lines of code injqery.form.js plugin and renamed that to jquery.wallform.js.

    Read More Demo

    Making a Super Simple Registration System With PHP & jQuery

    August 3, 2013 | Ajax, PHP
    Making a Super Simple Registration System With PHP & jQuery

    Writing a registration system is a lot of work. You have to write code that validates email addresses, sends confirmation emails, provides forgotten password functionality, stores passwords securely, validates input forms and a lot more. Even when you do all of this, users will still be reluctant to register as it involves a lot of effort on their part as well.

    In this tutorial, we will make a very simple registration system that doesn’t require or store passwords at all! The result will be easy to modify and embed into an existing PHP website. Read on to find out how it works.

    Read More Demo

    jQuery Tabs Plugin

    August 2, 2013 | Ajax, Plugins, Tabs
    jQuery Tabs Plugin

    The powerful jQuery plugin that creates a tab.

    Features:

    • History support — tabs can handle browser’s back and forward buttons
    • AJAXed tabs support — ajax load content support
    • Keyboard navigation support — use Arrow left/right to navigate
    • Lightweight size — 1 kb gzipped
    Read More Demo

    Coding an Ajax-Style Paged Document Viewer With jQuery

    July 31, 2013 | Ajax
    Coding an Ajax-Style Paged Document Viewer With jQuery

    In this tutorial I want to demonstrate how we can build a small script which handles any set number of documents. The JS code is a little bit tricky since we need to adapt for a large number of pages. However it is not very difficult to customize and get the design looking exactly as you would need it! Check out my sample demo below to get an idea of what we will be creating.

    Read More Demo

    Data Searching Without Page Refresh with jQuery & Ajax

    July 31, 2013 | Ajax, PHP
    Data Searching Without Page Refresh with jQuery & Ajax

    It will be very convenient for the users of your web application if you can load more data from the database without refreshing the whole page.Today I’m gonna show you a data searching example without refreshing a page:
    1. User will input a name on the textbox.
    2. User can click the search button or just simply press enter to start search.
    3. A loader image will be shown.
    4. Loader image will hide when search result comes in.

    Read More Demo