Advanced jQuery (Ajax Exp 2007)
2 likes1,285 views
This document discusses jQuery plugins, including how to create and use them. It provides examples of existing plugins for widgets, drag and drop, forms, and more. The document demonstrates how to build a wizard functionality using plugins for blocking elements, submitting ajax forms, and tabs.
Advanced jQuery (Ajax Exp 2007)
- 1. jQuery Advanced Ajax Experience - July 2007 John Resig (ejohn.org)
- 2. jQuery Plugins • Extend the jQuery system • Add on extra methods $(“div”).hideRemove(); • Trivial to implement jQuery.fn.hideRemove = function(){ return this.hide(“slow”, function(){ jQuery(this).remove(); }); };
- 3. Plugin Repository • Hundreds of plugins • Diverse amounts of functionality • Widgets • Language Extensions • Drag & Drop • Much more...
- 4. Building a Wizard • A non-trivial piece of functionality • Require dynamic interaction • Forms • Events • Ajax
- 5. In Come the Plugins... • BlockUI http://malsup.com/jquery/block/ • Ajax Forms http://malsup.com/jquery/form/ • Tabs http://stilbuero.de/jquery/tabs/
- 6. Demo
- 8. jquery.com docs.jquery.com - jquery.com/plugins More: visualjquery.com learningjquery.com