This tutorial is about ajax based contact form with jquery validation and ajax based captcha.Captcha is main part of any form and if it is ajax based then it looks awesome.
Best jQuery Ajax Plugins & Tutorials with Demo
Audio-Gallery-Suite (A complete audio gallery solution made with HTML5/CSS3/jQuery-JS/C#)
Audio-Gallery-Suite is a complete audio gallery suite/solution that includes a web audio gallery and a software for managing playlists, uploading audios and managing the web audio gallery. The Audio-Gallery-Suite is built up using the latest technology and harnesses their power to put up a sophisticated solution. The Audio-Gallery-Suite is made in a way to be easily setup and deployed by anyone who wishes to use it. I hope that this project proves useful for anyone who intends to use it.
Audio-Gallery-Suite is a complete audio gallery solution made with HTML5/CSS3/Jquery-JS/PHP-ajax/C# that includes a web audio gallery and a software for managing the web audio gallery.
Create a Stylish Tweet Book with jQuery and CSS
In this tutorial I am going to create a stylish Tweet book to keep your best friends and view their Tweets. As you complete this tutorial you will gain knowledge in working with jQuery and CSS to create a stylish book design. You will also learn to work with the Twitter API using jQuery and AJAX.
FileDrop : Cross-browser JavaScript Drag & Drop file upload
FileDrop is a lightweight JavaScript class for easy-to-use file uploading that works out of the box.Self-contained cross-browser pure JavaScript class for Drag & Drop and AJAX (multi) file upload.
Features:
- Cross-browser – supports Firefox 3.6, Internet Explorer 6, Google Chrome 7, SRWare Iron 4, Apple Safari 5 and Opera 11.61.
- Self-contained & tiny – just 470 lines of code; 8 KiB when minified, 3.5 KiB when gzipped.
- Various callbacks – on progress, on done, on error and on many other events.
- Graceful degradation using IFrame fallback.
- Multiple file selection.
- Any number of independent FileDrops.
Status.js : Check your website for broken links with jQuery
Check for broken links in yout website with jQuery.Status.js is a full client side tool, but still it makes a lot of requests to the server to crawl the entire website. So please, do not DDoS me!
Status.js will scan the website it’s hosted on from the root (/) for links.Internal links will be followed (fetched through Ajax) and scanned again. Yes, it’s recursive.External links will be memorized and used for cross-referencies. You can’t check if an external link is broken with Status.js because of the cross-domain limitation of Ajax calls.
A table with some nice data will be populated in real time while Status.js is working.
MetroPanel – Navigator for Modern Sites with jQuery,Html5 & Ajax
MetroPanel is new navigator system for modern sites with following features
Features:
- Two Panel Position: left and right
- Unlimited Items
- Unlimited background
- AJAX + HTML5 smart load for SEO
- jQuery + CSS3 Animation Effects
- Auto Show or Auto Hide Panel
- Easy Deploy for Almost Sites
- Many Options for Custom
TwitStream : jQuery, AJAX, and the Twitter Search API
I was perusing the Web looking for some quick and dirty Javascript I could use with the Twitter Search API to display a list of recent tweets containing a particular keyword. I came across the monitter.com widget, which was almost exactly what I had in mind, except that it includes some really great, rich features that were well beyond what I needed. I adapted and simplified the monitter script to:
- Fix an issue with unescaped characters, e.g. hashes, in the search query.
- Fix an issue with ampersands in links in the
linkify()function. - Replace some deprecated HTML tags, e.g.
<b>, and fix other XHTML validation issues, e.g. using self-closingimgtag. - Fetch search results only once, rather than every few seconds (since Twitter sets a rate limit of 100 requests per-hour per-user, I found this to be necessary).
- Specify the number of tweets to return using an additional
class. - Remove the fade-in effect.
- Hyperlink each user’s profile image to their timeline.
Just like monitter, TwitStream utilizes the jQuery framework. Because jQuery is awesome.
Autobrowse jQuery plugin
This plugin adds automatic ajax loading of page content when the user scrolls the page, with built-in browser cache. When the user gets to the end of the page, it fetches more content. This way, you don’t have to load more than neccesary on the first page load, and the user benefits, since she doesn’t have to click numbers in a pagination widget. The result is the jquery.esn.autobrowse.js jQuery plugin which does that for any page.It loads JSON data from the server, and renders it client-side.
jQuery Graph Poll
Create and customize your own poll. Innovative, fun graph poll dynamically allows users to answer a question and vote. Great interactive feature to add to your website. Adding this easy to use poll will add stickiness to your website.
File features include:
niceTree – jQuery Tree Plugin
Get rid of that ugly tree menu on your site with niceTree. An easy to install JQuery plugin with more options than you’ll ever need. niceTree will take your HTML and turn it into a collapsible menu system with unlimited menus within menus.
Features:
- COLORS – Choose from blue, orange, red, green, gray, or create your own with our easy-to-understand CSS file.
- CROSS BROWSER – Works great with all the major browsers like Chrome, Safari, Firefox, Opera, IE 9 , IE 8, and even IE 7 .
- AJAX CONTENT – It’s simple to setup loading the menu items via ajax into a content ID on your page.
- COLLAPSE /EXPAND – You can create expand/collapse all links with ease.
- COOKIES – Choose to enable cookies on the menu and the user’s state of which menus were open and closed will be saved.
- EASY HTML – The HTML is easy to setup. All it takes is a few classes and IDs to do things like open a menu on page load. Only tags like ul, li, a are required.
- MULTIPLE TREE SUPPORT – You can use multiple trees in a single page.
- ANIMATIONS – Multiple animations can be used like slide, bounce, clip, drop, and more.
