Ceci est une ancienne révision du document !
Table des matières
JQuery
Documentation
Plugins
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 is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.
jQuery-Validation-Engine
Jeditable
Jeditable - Edit In Place Plugin For jQuery.
http://www.appelsiini.net/projects/jeditable
$(document).ready(function() { $('.edit').editable('http://www.example.com/save.php'); });
DataTables
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:
- Variable length pagination
- On-the-fly filtering
- Multi-column sorting with data type detection
- Smart handling of column widths
- Display data from almost any data source
- DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
- Scrolling options for table viewport
- Fully internationalisable
- jQuery UI ThemeRoller support
- Rock solid - backed by a suite of 1400+ unit tests
- Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more
- It's free!
- State saving
- Hidden columns
- Dynamic creation of tables
- Ajax auto loading of data
- Custom DOM positioning
- Single column filtering
- Alternative pagination types
- Non-destructive DOM interaction
- Sorting column(s) highlighting
- Extensive plug-in support
- Sorting, type detection, API functions, pagination and filtering
- Fully themeable by CSS
- Solid documentation
- 110+ pre-built examples
- Full support for Adobe AIR
$(document).ready(function() { $('#theTable').dataTable(); });
Tips
- How to apply HTML User Interface Effects using jQuery (Hide/show, Fade in/out, Slide up/down, animate)
Accordion
http://jqueryui.com/demos/accordion/
- Démos d'accordéon :
- Nested Accordion plugin http://www.adipalaz.com/experiments/jquery/nested_accordion.html
If you want multiple sections open at once, don't use an accordion !
An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don't use this. Usually it can be written with a few lines of jQuery instead, something like this:
jQuery(document).ready(function(){ $('.accordion .head').click(function() { $(this).next().toggle(); return false; }).next().hide(); });
Or animated:
jQuery(document).ready(function(){ $('.accordion .head').click(function() { $(this).next().toggle('slow'); return false; }).next().hide(); });