Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
informatique:javascript:jquery [29/12/2011 01:38] – [Tips] cyrille | informatique:javascript:jquery [13/05/2021 13:05] (Version actuelle) – [handsontable] cyrille |
---|
http://jquery.com | http://jquery.com |
| |
===== Documentation ===== | |
| |
* [[http://viralpatel.net/blogs/2009/08/20-top-jquery-tips-tricks-for-jquery-programmers.html|20 Top jQuery tips & tricks for jQuery programmers]] | |
* [[http://javascript.developpez.com/faq/jquery/|FAQ JQuery sur developpez.com]] | * [[http://javascript.developpez.com/faq/jquery/|FAQ JQuery sur developpez.com]] |
| |
===== Plugins ===== | |
| |
[[http://jquery.malsup.com/|jQuery Plugins (by malsup)]]: BlockUI Plugin, Corner Plugin, Cycle Plugin, Feed Plugin, Form Plugin, HoverPulse Plugin, Media Plugin, Taconite Plugin, Twitter Search Plugin. | ===== Tips ===== |
| |
[[http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/|15 Great jQuery Plugins For Better Table Manipulation]] | * [[http://viralpatel.net/blogs/2009/03/how-to-apply-html-user-interface-effects-using-jquery.html|How to apply HTML User Interface Effects using jQuery]] (Hide/show, Fade in/out, Slide up/down, animate) |
| * [[http://sohtanaka.developpez.com/tutoriels/javascript/creez-fenetre-modale-avec-css-et-jquery/|Créez une fenêtre modale avec CSS et jQuery]] |
| * Build Dashboard Using jQuery library |
| * [[http://software.krimnet.com/sample-build-dashboard-using-jquery-library.htm]] |
| |
| ==== Promise & Deferred ==== |
| |
| Synchroniser plusieurs appel Ajax : |
| <code javascript> |
| // un tableau pour ranger tous les appels ajax |
| var calls = new Array(); |
| $(someArray).each(function(idx, item) |
| { |
| calls.push( $.get( {url:'/page/'+$(item).attr('data-name'), context:{item:item}}) |
| .done(function( data ) { |
| $(this.item).html( data ); |
| })); |
| }); |
| // utilise apply() pour transformer le tableau "calls" en liste d'arguments pour la fonction "when()" |
| $.when.apply( null, calls ) |
| .then( function(){ |
| // All jobs done |
| }); |
| |
| </code> |
| ===== Plugins ===== |
| |
| * [[http://www.1stwebdesigner.com/useful-jquery-libraries/|50 Most Useful jQuery Libraries]] |
| * [[http://viralpatel.net/blogs/2009/08/20-top-jquery-tips-tricks-for-jquery-programmers.html|20 Top jQuery tips & tricks for jQuery programmers]] |
| * [[http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/|15 Great jQuery Plugins For Better Table Manipulation]] |
| |
| [[http://jquery.malsup.com/|jQuery Plugins (by malsup)]]: BlockUI Plugin, Corner Plugin, Cycle Plugin, Feed Plugin, Form Plugin, HoverPulse Plugin, Media Plugin, Taconite Plugin, Twitter Search Plugin. |
| |
==== SimpleModal ==== | ==== SimpleModal ==== |
}); | }); |
</code> | </code> |
| |
| ==== jQuery Treeview ==== |
| |
| https://www.jstree.com |
| |
| old one : [[http://docs.jquery.com/Plugins/Treeview]] |
| |
| ==== Upload File ==== |
| |
| hayageek [[http://plugins.jquery.com/uploadfile/|jQuery Upload File]] - jQuery File UPload plugin provides Multiple file uploads with progress bar. jQuery File Upload Plugin depends on Ajax Form Plugin, So Github contains source code with and without Form plugin. |
| |
| Blueimp [[https://blueimp.github.io/jQuery-File-Upload/|jQuery-File-Upload]] - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads. |
| |
| ==== handsontable ==== |
| |
| https://handsontable.com/ |
| |
| Rock-solid data grid for web applications. A JavaScript component that combines data grid features with spreadsheet-like UX. |
| |
| **Dual licences**: non-commercial / commercial |
| |
==== DataTables ==== | ==== DataTables ==== |
</code> | </code> |
| |
===== Tips ===== | |
| |
* [[http://viralpatel.net/blogs/2009/03/how-to-apply-html-user-interface-effects-using-jquery.html|How to apply HTML User Interface Effects using jQuery]] (Hide/show, Fade in/out, Slide up/down, animate) | |
* [[http://sohtanaka.developpez.com/tutoriels/javascript/creez-fenetre-modale-avec-css-et-jquery/|Créez une fenêtre modale avec CSS et jQuery]] | |
* Build Dashboard Using jQuery library | |
* [[http://software.krimnet.com/sample-build-dashboard-using-jquery-library.htm]] | |
==== Accordion ==== | ==== Accordion ==== |
| |
}); | }); |
</code> | </code> |
| |
| |