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.
But say you need to change a small or even large area of a page. You don’t need to do the old process like I described before. Ajax can make it much easier to develop this process and more enjoyable to the visitor’s visit. Confusing and frustrating the visitor with so many refreshes is not the only way to do it now!
This article presents to the internet world, thirty Ajax plugins. Some of the plugins are very new and some that are integrated with HTML5, such as numbers 8, 24, and 29. Just click on each of the featured images, to view the demo directly of that specific one. These are some that you maybe even haven’t heard about yet. Enjoy!
1. ALAJAX - A jQuery Plugin for Ajax Auto Form Sending
A jQuery plugin that converts a normal HTML form into ajax by only including the script. It sends the form by AJAX to the URL given in “action” property of the form. Also, the plugin uses the “method” property to use POST or GET method.
2. An Easy-To-Use jQuery-Ajax Autosuggest Plugin
This plugin has the usual functionality with a little extra flexibility: multiple instances, passing custom parameters, the id and the value are returned, keyboard-controlled, and a few others… Almost anything you need from an autosuggest plugin you can do with the built-in options!
3. JQUERY.MB.VERTICALSLIDER
jquery.mb.verticalSlider lets you show long list of elements managing pagination, it can work with elements already in the DOM of your page or loading them via ajax when needed. And it works with the mouse wheel of course.
4. My Google Style Floating Menu Demo
You can integrate this google style sidebar into your page easily. The ideas is to fix the left handside sidebar when the user scrolling the page, just like the sidebar of news.google.com. Even the user scroll to the bottom of the page, he / she can still see the menu clearly. It work like a frame, but you do not need to use any frame to do it. Frames are evil, right?
5. flickrBomb
FlickrBomb provides an easy way for you to fill your prototypes with relevant content, and not just dull gray placeholder images. It’s quick and easy!
6. ADAPTIVELY SELECT IMAGE RESOLUTION (HIGH OR LOW)
This plugin help you to determine if a user can view a high resolution image in a short time. Basically, it use ajax call to check the network speed. If there is a long delay (longer than a threshold in ms value we specify), the jquery plugin just stop loading the high resolution image, and switch to a lower resolution image. Of course, you need to prepare two set of images (both high resolution and low resolution).
7. Check Username Availability using jqEasy
Check username availability using jQuery and Ajax. Lookup can fire on keypress or button click.
8. jQuery.html5form
HTML5 validates forms without additional JavaScript. Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality. This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6. With a single line of code…
9. An Ajax Login Form Plugin Developed By Harish Chandra Kharel
An ajax login/form plugin that can be used as the gate to any logged area in a website. What’s different about this is that when a user wants to put the cursor into the input box, the default “User Name” jumps out to the right. Doing this ensures no word, including the default word, is left in input box, allowing you to insert your name.
10. Jquery Plugin: safesubmit
For submit buttons, there is a general thought that they shouldn’t be clicked twice (especially for functions such as financial transactions), so I created a plugin that fits an app that I have been working on recently, where there are many, many submit buttons, saving very granual pieces of content through ajax requests.
11. Sweet AJAX Tabs With jQuery 1.4 & CSS3
Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This allows you to squeeze much more content in a seemingly limited space and provide a structured way of accessing it.
This plugin is an AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery.
12. JRATING, Very Flexible Ajaxed Star Rating System
jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from” the number of the stars” to “if the stars can represent decimals or not”. There is also an option to display small or big stars and images can be changed with any other file easily.
13. Infinite Ajax Scroll, a jQuery plugin
Infinite Ajax Scroll is a plugin that turns you existing pagination into an infinite scrolling one, with ease.
14. AJAX TERMINAL
A jQuery plugin that creates a web-based console-like behavior that posts user input commands to an AJAX server, and prints the result text.
Designed to be utterly simple and highly customizable.
15. My Google Style (Android) Live Wallpaper Simulation
This plugin simulates one of the live wallpaper developed by Google, which is preinstalled in a Nexus S Phone. At this moment, it simulates the moving dots with tails part, but not the interaction part. The interaction part is your homework 
! The dots move in different speed and directions. The speed is randomly generated for each dot.
16. My Thumbnail
This jquery plugin creates image thumbnails on client side for multiple images in a page. Sometimes you have different images with different orientation and size, which make your page a bit difficult to read. MyThumbnail help you to generate uniform size images. Of course, the original aspect ratio of the picture is maintained. If your browser support css3, you can get a best (inner) fit image for your specified thumbnail size. Also, round corner is supported for css3 capable browser.
This plugin can generate thumbnails for images located in external server as well.
17. Zurb Ajax Upload
We ditched the upload button in favor of a save button and fire the AJAX upload event as soon as a file is selected. The image is processed server side and a thumbnail is loaded onto the existing page. Dosen’t that feel so much better?
We now have a visual representation (imagine that) of the image we selected. This is particularly useful in larger forms when many fields will be submitted with a single action. It allows the user to review the form before pressing save and see what image (or images) they selected.
18. JQuery Plugin For Ajax Auto-Suggest
This jQuery plugin will help you to create an AJAX auto-suggest or auto-complete textfield easily.
19. Ajax Paypal Cart jQuery Plugin
AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily.
20. Bit.ly Button – jQuery Plugin for Your Clicky Post
The intelligent URL shortener- offers realtime statistics about the clicks on shortened links and this button takes advantage of that information. This jQuery button gives you a uniform click count button -tall or wide- that people can also use it to retweet your post.
21. AjaxFileUpload Plugin
This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.
In this hacked version, it submits the specified file type of input element only rather than an entire form
22. Uploadify – Uploading Files
Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website. It uses a mixture of Javascript, ActionScript, and any server-side language to dynamically create an instance over any DOM element on a page.
23. jNavigate jQuery Plugin
I knocked together this jQuery version of the aforementioned functionality and recently added in some support for history states. While still a work in progress it certainly has enough in it already to pick up and use whether that be to enable a single page brochure site, submit a newsletter sign up form or to just populate a small content box. You can check out the little demo/documentation site I put together using jNavigate to get an idea of how it works.
24. goker.cebeci / HTML5 Drag & Drop Uploader
Droparea is a HTML5 drag and drop image/file upload jQuery plug-in and a php script for server-side.
25. Smart Wizard – flexible jQuery plug-in that gives wizard like interface
Smart Wizard is a flexible jQuery plug-in for wizard like interface. It allows to group contents into sections and so it saves page space and also gives a neat and stylish interface for users. Using Smart Wizard 2.0 you can easily do input validation and so it is good for user registration and kind of tasks.
26. XML-driven Vertical News Scroller Script using HTML and jQuery: vScroller
vScroller is a free XML-driven vertical news scroller for websites and blogs. Powered by jQuery, vScroller displays categorized and color-code content is a vertical scroll. Feeds come from standardized XML file and styled with simple CSS3 for a clean and attractive interface.
27. Screw – A jQuery Plugin
Screw (scroll + view) is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to create continuously scrolling, bottomless pages where content is appended to the bottom as the user scrolls.
28. jQuery Browser PinPAd
Browser based pin pad that protects the page from access until the correct code is put in. Uses jquery, colorbox, grumble to achieve all the effects.
When the page is loaded it is covered up by a pinpad. Putting in the right pin will reveal the page contents and set a cookie allowing access to that page for 30 seconds (Obviously this can be changed). Also, it will relock the page and require the pin number every 30 seconds (This too can be changed )
29. Html5 loader jQuery plug-in
Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, images and js.
30. SLOT PAGINATION
This pagination plugin is built up on jquery, jquery ajax , php, mysql. The basic features as follows :
- In this pagination you have next and previous links with page numbers.
- The pagining numbers are also arranged in the slots or may group in number of pages.
- Main advantage is that you can specify the pagination in one line. “var objPagination = new setPaginationVariable(‘perpage’,’display page’,’content’,’pages’,’ajax page call’,’paginationDiv’,””);”
- In this we have used javascript class structure is used.
source: rockingcode.com
No comments yet