The ajax spreadsheet, jQuery plugin flavor.
Best jQuery Ajax Plugins & Tutorials with Demo
Offline.js : Display online/offline Indication to your Users
Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.
It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.
Features:
- Monitors ajax requests looking for failure
- Confirms the connection status by requesting an image or fake resource
- Automatically grabs ajax requests made while the connection is down and remakes them after the connection is restored.
- Simple UI with beautiful themes
- 3kb minified and compressed
PACE : Automatic page load progress bar
An automatic web page progress bar.Include pace.js and a theme of your choice to your page and you are done!
Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
If you use AMD or Browserify, require pace.js and call pace.start() as early in the loading process as is possible.
jQuery Ajax StartDelay
A small jQuery plugin providing a delay to be set before the handler is called in jQuery’s .ajaxStart().
The .ajaxStart event handler in jQuery calls the handler immediately when the ajaxStart event is triggered. In other words: when the AJAX request is made the handler is called. Most of the time the handler is used to show the user some kind of notice like ‘please wait a minute’ while the AJAX request-response cycle is on its way. It’s annoying to see this notice everytime an AJAX request is made. It’s nicer when this notice only shows up when the request-response cycle takes longer than a few seconds. This plugin provides the functionality to delay the call to the handler.
The plugin is simply a wrapper around the .ajaxStart event handler.
TileBox jQuery : Modern Responsive LightBox
TileBox jQuery – Modern Responsive LightBox is a small jQuery plugin that is used to create modern lightbox with CSS3 Animation Effects and customizing options for modern browsers. Please check demos below to see how it works.
Features:
- Responsive Design.
- CSS3 Animation Effects.
- Size Switcher.
- Combine Inline and AJAX content.
- Support Touch Swipe and Left, Right Keys to move prev/next box.
- Full Screen Custom Content.
- Show/Hide Thumbnail Ribbon.
jQuery Dynatable : HTML5+JSON interactive Table plugin
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON.
Dynatable does three things:
- Normalize: It normalizes an HTML table into an array of JSON objects, where each JSON object (or record) corresponds to a row in the table.
- Operations: It sorts, filters, and paginates the JSON collection.
- Rendering: It renders the resulting collection from the operations back to the table.
jQuery Cascading DropDowns
Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback. The dropdowns work with json as data source (ajax or javascript array). The right panel items work with ajax or inline html as data source.
Features:
- Works with JSON and AJAX (PHP + SQLite example)
- Supports HTML/DOM data source for the right panel items
- Supports javascript array as data source for dropdowns
- Fully customizable styles
- Works in all major browsers
- Annotated source code
- JSDoc documentation
Ajax Select and Upload Multiple Images with jQuery
Very few days back I had posted an article about Multiple ajax image upload without refreshing the page using jquery and PHP. In this post I have updated few lines of code that allows to user can select and upload multiple images in single shot, thanks to Lakshmi Maddukuri for sending me a useful piece of code. Just take a quick look this live demo.
MultiDialog : jQuery UI Dialog Widget
MultiDialog utilizes jQuery UI Dialog for a full featured Modalbox / Lightbox application.
It’s flexible, easy to use but yet extendable and fits great into the jQuery UI Widget family.
- Use any jQuery selector or a powerful API
- Feature rich, very flexible and easy to extend
- Tested in FF, IE7+, Chrome & Safari
- Built with a11y and RWD in mind
