jQuery Ajax Plugin & Tutorials with Example

OpenMes : jQuery Open Messages With Animation Effects

OpenMes : jQuery Open Messages With Animation Effects

OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.

jQuery Ajax Combobox Plugin

jQuery Ajax Combobox Plugin

A jQuery plugin for creating a text box it can auto-complete and pull-down-select.

JavaScript Web Grabber

JavaScript Web Grabber

JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB scores from cbssports.com, all you need to do is give the site name and the id of the element to the app, then the app provides you with some code to put in the source code of your page, so whenever someone visits your page they get the latest MLB scores directly from cbssports.com.

Typically, getting HTML from other websites is done using PHP, which slows down your server; JavaScript Web Grabber lets you do that with JavaScript without any pressure on your server. Additionally, there’s an option to fall back to traditional method via ajax.

Ajax Upload and Resize an Image with PHP

Ajax Upload and Resize an Image with PHP
Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting space and bandwidth limit.

Add edit delete Rows dynamically using jQuery & Php

Add edit delete Rows dynamically using jQuery & Php
Today we are going to design a dynamic table, in which we can dynamically add rows to table using javascript remove rows number of times without refreshing a page even once and thats also with cool javascript animation.
This scripts turns table into editable grid, You can add new row, edit existing row, delete row also you can edit a single cell and all this happens with ajax so not even single page refresh required. This is configurable script so you can easily attach it to your existing page.

SmoothState.js : jQuery plugin for Smooth Page loads

SmoothState.js : jQuery plugin for Smooth Page loads

We’ve accepted the jankiness of page loads as a quirk of the web even though there is no technical reason for it. smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience.

jQuery Social Sharing Buttons

jquery-social-sharing

Simple social sharing buttons with shared count ajax lookups.

Features:

  • Icon font
  • Ajax requests for number of times shared
  • Hide share count if 0
  • Built with Sass, exported to CSS

Youtube-like jQuery Ajax Loading Bar

Youtube-like Ajax Loading Bar

A little jQuery plugin that will let you add a Youtube-like loading bar to all your ajax links.

Bootstrap Table with jQuery

Bootstrap Table with jQuery

The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.

Features:

  • Created for Bootstrap 3 (Bootstrap 2 supported)
  • Responsive web design
  • Scrollable Table with fixed headers
  • Fully configurable
  • Via data attributes
  • Show/Hide columns
  • Show/Hide headers
  • Get data in JSON format using AJAX
  • Simple column sorting with a click
  • Format column
  • Single or multiple row selection
  • Powerful pagination
  • Card view
  • Localization


Best jQuery websites design awards