Ajax | RockingCode

Have You Seen These 30 Ajax Plugins Before?

Ajax, a technology that is growing strong and appearing back in 2005, has made a new and effective way to interchange data between the html and a server. The way Ajax works is that it sends requests to the server, making the process as dynamic as possible. Ajax does this in no matter what stage the page is.

It could run functions when the page is just loading or when the page has run its coarse and sitting there. This option gives the web developer more power in what to produce in certain areas of his website without having to run a new page request, and doing it in the background. Better place to do this stuff where the visitor has no clue what’s going on! As any of you that have developed much longer in this game, know the old standard of running new things that needs to be done. A visitor clicks on a link, this action sends a request to the server to do something, the server does the command, and it sends a new fresh copy of html with changes.

Ajaxy Photo Gallery with custom image sets

A plugin that displays a gallery with defined images in sets. The sets are then used to display small thumbnails at the bottom of the gallery, with all the thumbnails of the images. At the top, they’re three tabs that represent each set. Each one when clicked, will display right underneath the tabs, the number of the images already loaded. It doesn’t take long to load! So look out!

Made up of three technologies, HTML, CSS, and jQuery, this plugin will be an easy understandable one. jQuery of course makes that possible! Whats nice about this one, is that the thumbnails are nicely tucked in and faded so that it doesn’t interfere with the view of the main image. Put your mouse over the thumbnails, and they rise up and are faded back to full opacity to be selected. Really nice!

Author: www.script-tutorials.com
jQuery Version: 1.4 +
Official Page
Learn how to do it!

Using jQuery to call Ajax page methods

When it comes to lightweight client-side communication, I’ve noticed that many of you prefer ASP.NET AJAX’s page methods to full ASMX web services. In this post, I will clarify exactly what is and isn’t necessary in order to use page methods. Then, I’ll show you how to use jQuery to call a page method without using the ScriptManager.

Author: Dave Ward
jQuery Version: 1.6 +
Official Page
Learn how to do it!

jQuery Grid with Asp.Net

A common scenario when building web user interfaces is providing a pageable and sortable grid of data. Even better if it uses AJAX to make it more responsive and snazzy. Since ASP.NET MVC includes jQuery, it’d be fun to use a jQuery plugin for this demo, so jQuery Grid is the best choice.

Author: Phil Haack
jQuery Version: 1.4 +
Official Page
Learn how to do it!

Ajax “Dynamic-Loading” of ComboBox

Here is a simple plugin to create a dynamic loading of the dropdown boxes. The process to implement this plugin is very simple. First you need to make a table to hold all of your values into which you take them and transfer it to the boxes. Then use php to implement them into the html. That’s a jQuery for ya. Oh Yessss!

Author: ZeeShaN RasooL
jQuery Version: 1.3 +
Official Page
Learn how to do it!

jQuery & Ajax Insert and Load

This tutorials explains how to insert and display a record without refreshing the web page. What ajax does that makes it epic is communicates data from the server to your website in the background without interfering with anything, even no needing for refreshing! A great plugin to put anywhere to communicate with the users, or say something yourself. It is developed using jQuery, so pretty much it’s simple.

Author: Srinivas Tamada
jQuery Version: 1.3 +
Official Page
Learn how to do it!

jQuery File Upload

This plugin creates an invisible file input on top of the button you provide, so when a user clicks on the button, the normal file selection window is shown. And after the user selects a file, the plugin submits a form that contains a file input to an iframe. This isn’t true ajax, but it brings the same user experience.

Author: http://cool-javascripts.com/
jQuery Version: 1.4 +
Official Page
Learn how to do it!

jQuery “Auto-populating” Select Boxes

The goal of this plugin is to allow the user to select a top level category from one select box and to automatically populate the sub-category.

Once the top level category select is changed, it sends an AJAX request for the sub-categories. The result of which are converted to select options and the sub-category select’s elements are replaced.

Author: Remy Sharp
jQuery Version: 1.6 +
Official Page
Learn how to do it!

Ajax Multiple File Upload

Multiple file upload forms are sometimes essential for your web application but managing upload from multiple file input boxes becomes a bit tedious and lengthy. But thanks to jQuery using which we can make this task easier too.

For this tutorial, the plugin will be using latest version of jQuery and Ajax upload library. Grab both libraries and add them to your page header.

Author: Satbir Singh
jQuery Version: 1.3 +
Official Page
Learn how to do it!

jQuery Traffic Popup

Subscriber Traffic Pop is the hottest new way to gain newsletter, email list subscribers in high volume with no work. The revolutionary Traffic Pop idea has been extended into a whole new category with email subscriptions! More emails = more traffic = more $$$$!

Features
Easy to use jQuery Plugin means installation and configuration is a breeze!
HTML5 email form uses built in browser validation
AJAX form submit with return support
Locks all background page usability
Timeless, clean design
Beautiful fade in / fade out effects
Fully documented included commented source files
Works with any type of site and newsletter form processor with support for custom close buttons on callback

Author: QUINNMEDIA
jQuery Version: 1.6 +
Official Page
Learn how to do it!

Categories