Labs XooFoo :: ArticleArticle XML
http://labs.xoofoo.org/modules/planet/view.article.php/247
2012-05-25T10:37:16+02:00Labs XooFoo :: Article
http://labs.xoofoo.org/modules/planet/
http://labs.xoofoo.org/modules/planet/images/logo.pngtext/html2007-04-16T21:50:13+02:00http://labs.xoofoo.org/modules/planet/Boris33 plugins pour Mootools que vous devriez connaitre !
http://labs.xoofoo.org/modules/planet/view.article.php/247
<div class="cat"><br /><h2>Lightbox-like</h2><br /><div class="plugin"><br /><h3><a href="http://gueschla.com/labs/smoothbox">SmoothBox</a>, par <a href="http://gueschla.com">Boris Popoff</a></h3><br /><p>La conversion pour Mootools de Thickbox, une lightbox-like fonctionnant sous jQuery. Elle permet d’afficher :</p><br /><ul><br /><li>Une image seule</li><br /><li>Un groupement de plusieurs images</li><br /><li>Du contenu inline</li><br /><li>Du contenu via Iframe</li><br /><li>Du contenu AJAX</li><br /></ul><br /><p>Elle permet également d’afficher, si vous le souhaitez, du flash, en passant par l’iframe. Le seul autre script presque aussi polyvalent est SqueezeBox d’Harald Kirschner, mais il ne fait pas l’iframe <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> Sinon, les deux scripts font à peu près le même poids, 11k pour smoothbox, 10k pour SqueezeBox.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/smoothbox.png" title="SmoothBox" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/smoothbox_t.png" alt="SmoothBox" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://dev.digitarald.de/squeeze.html">SqueezeBox</a>, par <a href="http://digitarald.de/">Harald Kirschner</a></h3><br /><p>Une des meilleures lightbox-like pour mootools que je connaisse à l’heure actuelle ! Par contre, attention, je crois que c’est encore en cours de dév.</p><br /><p>Elle permet d’afficher :</p><br /><ul><br /><li>Du contenu Inline</li><br /><li>Du contenu Ajax</li><br /><li>Des images</li><br /><li>Une SmoothGallery</li><br /><li>Du contenu Flash</li><br /></ul><br /><p>Vous pouvez aussi spécifier la taille. Il manque juste l’iframe, qui, il est vrai est un élément déprécié. Si vous voulez absolument l’iframe vous pouvez utiliser SmoothBox <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /><br /><br />Je trouve ce script plutôt fluide, et assez joli, surtout le bouton “fermer”. Le détail qui tue, mais assez discret, les angles légèrement arrondis.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/squeezebox.png" title="SqueezeBox" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/squeezebox_t.png" alt="SqueezeBox" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.digitalia.be/software/slimbox">Slimbox</a>, par <a href="http://www.digitalia.be/">Christophe Beyls</a></h3><br /><p>Slimbox est un clone du célèbre <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox JS v2.0</a>, par <a href="http://www.huddletogether.com/">Lokesh Dhakar</a>. Le script pèse 7kb non compressé. Tout comme son grand frère il permet d’afficher des images ou des groupes d’images avec de jolis effets.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/slimbox.png" title="Slimbox" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/slimbox_t.png" alt="Slimbox" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://homepage.mac.com/yukikun/software/slimbox_ex/">Slimbox Extended</a>, par <a href="http://homepage.mac.com/yukikun/">yukikun</a></h3><br /><p>Un clone de Slimbox avec la possibilité d’afficher une page web via iframe. Vous pouvez toujours afficher des images, et vous pouvez désormais en plus spécifier la page. L’auteur nous informe qu’il a également corrigé quelques bugs qui survenaient sous IE6.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/slimbox_extended.png" title="Slimbox Extended" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/slimbox_extended_t.png" alt="Slimbox Extended" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.e-magine.ro/web-dev-and-design/36/moodalbox/">MOOdalBox</a>, par <a href="http://www.e-magine.ro/">r4zv4n</a></h3><br /><p>MOOdalBox est une fenêtre popup inline, souvent appelée “modal box”, utilisée pour afficher du contenu chargé via une requête AJAX. Ce script est basé sur Slimbox, les effets sont les mêmes.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/moodalbox.png" title="MOOdalBox" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/moodalbox_t.png" alt="MOOdalBox" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://dev.visualdrugs.net/mootools/gmapsoverlay/">GMapsOverlay</a>, par <a href="http://www.visualdrugs.net">André Fiedler</a></h3><br /><p>Une lightbox permettant d’afficher une map google.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/gmapsoverlay.png" title="GMapsOverlay" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/gmapsoverlay_t.png" alt="GMapsOverlay" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.gobekdeligi.com/videobox/">Videobox</a>, par <a href="http://www.gobekdeligi.com/">Faruk Can</a></h3><br /><p>Une lightbox permettant d’afficher des vidéos Youtube, Google video, etc …<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/videobox.png" title="Videobox" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/videobox_t.png" alt="Videobox" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.phatfusion.net/lightbox/">Phatfusion’s Lightbox</a>, par <a href="http://www.phatfusion.net/">Phatfusion</a></h3><br /><p>Encore un clone de Slimbox qui ne change en fait pas grand chose. Il permet en gros d’ajouter une description en HTML.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/phatfusion_lightbox_t.png" title="Phatfusion's Lightbox" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/phatfusion_lightbox_t.png" alt="Phatfusion's Lightbox" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Tableaux avancés</h2><br /><div class="plugin"><br /><h3><a href="http://joomlicious.com/mootable/">Mootable</a>, par <a href="http://owlwatch.com/">Owl Watch</a></h3><br /><p>Un plugin tout simplement excellent pour améliorer vos tableaux. Peut prendre comme source un objet Javascript, un tableau Javascript, ou un tableau HTML présent sur la page (caché via display:none).<br /><br />Une fois le script exécuté, vous avez un très joli tableau avec effet zébré, et des lignes qui se colorent en jaune lors du passage de la souris. Vous pouvez trier le tableau, et redimensionner les colonnes. Cerise sur le gâteau, dans le cas du tableau HTML cela reste accessible, puisque si l’utilisateur a désactivé le Javascript, il verra tout de même le tableau original. Bref, Mootable est un plugin indispensable si vous voulez mettre es tableaux un peu évolués sur votre site ou dans votre appli web.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/mootable.png" title="Mootable" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/mootable_t.png" alt="Mootable" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.phatfusion.net/sortabletable/index.htm">Sortable Table</a>, par <a href="http://www.phatfusion.net/">Phatfusion</a></h3><br /><p>Un autre plugin permettant d’avoir des tableaux avancés. Par rapport à Mootable, Sortable table permet en plus de filtrer les données via les champs présents en haut du tableau. Vous ne pouvez pas redimensionner les colonnes, par contre, elles sont bien entendu triables <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> Esthétiquement, je préfère Mootable, mais bon, le CSS, ca se modifie <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> <a href="http://gueschla.com/posts/mootools_plugins/sortabletable.png" title="Sortable Table" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/sortabletable_t.png" alt="Sortable Table" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.chrisesler.com/mootools/mootools-rowcolumnhighlight.php">Table Row AND Column highlighting</a>, par <a href="http://www.chrisesler.com/">Chris Esler</a></h3><br /><p>Un script qui permet de mettre en évidence les lignes ET les colonnes d’un tableau quand on fait glisser la souris au dessus d’une de ses cellules. Sympa, après, je ne sais pas si cela est très utile.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/rowandcolumn.png" title="Table Row AND Column highlighting" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/rowandcolumn_t.png" alt="Table Row AND Column highlighting" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Editeurs de texte</h2><br /><div class="plugin"><br /><h3><a href="http://icebeat.bitacoras.com/mootools/posteditor/">PostEditor 2.0</a>, par <a href="http://icebeat.bitacoras.com/">IceBeat</a></h3><br /><p>PostEditor n’est pas un éditeur WYSIWYG, mais plutôt une sorte de textarea très amélioré. Il permet entre autres de rendre possible l’utilisation de la touche tabulation, l’utilisation de Snippets, la fermeture de ces mêmes Snippets ainsi que des crochets, parenthèses, etc, etc …<br /><br />Valerio de Mootools a apparemment été convaincu, puisqu’il la mis sur son forum <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> <a href="http://gueschla.com/posts/mootools_plugins/posteditor.png" title="PostEditor 2.0" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/posteditor_t.png" alt="PostEditor 2.0" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://inviz.ru/junk/stuff1/test/">Most tiny WYSIWYG you ever seen</a>, par <a href="http://inviz.ru/">Yaroslaff Fedin</a></h3><br /><p>Un éditeur de texte WYSIWYG qui pèse à peine 700 bytes. Il supporte entre autres les raccourcis claviers. Vous pouvez switcher facilement entre les vues “source” et “édition”.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/wysiwyg.png" title="Most tiny WYSIWYG you ever seen" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/wysiwyg_t.png" alt="Most tiny WYSIWYG you ever seen" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://files.justinmaier.com/inlineEdit/">inlineEdit</a>, par <a href="http://justinmaier.com/">Justin Maier</a></h3><br /><p>Un plugin de 4kb permettant d’éditer directement du texte présent sur une page web, et d’assigner un événement onChange pour, par exemple, enregistrer les modifications dans une base.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/inlineedit.png" title="inlineEdit" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/inlineedit_t.png" alt="inlineEdit" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Slideshows</h2><br /><div class="plugin"><br /><h3><a href="http://smoothgallery.jondesign.net/">SmoothGallery</a>, par <a href="http://jondesign.net/">Jonathan Schemoul</a></h3><br /><p>Une galerie d’images très réussie ressemblant pas mal à certaines choses qui existent déjà en flash. Vous pouvez la passer en mode slideshow (défilement automatique), ou gallery (défilement manuel). Le script fonctionne sous Mootools 1.0, et fait 16kb. Pour ceux qui utilisent encore la 0.83 ou moo.fx 1 ou 2, vous pouvez télécharger l’ancienne version, <a href="http://smoothslideshow.jondesign.net/">Smooth Slideshow v2.1</a>.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/smooth_gallery.png" title="SmoothGallery" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/smooth_gallery_t.png" alt="SmoothGallery" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.electricprism.com/aeron/slideshow/">Slideshow</a>, par <a href="http://www.electricprism.com/aeron/">Aeron Glemann</a></h3><br /><p>Comme son nom l’indique, un plugin permettant de faire défiler une série d’image. Sur la démo, Les images sont constament en mouvement, et s’enchainent par défaut via des fondus, mais vous pouvez néanmoins choisir l’enchainement parmis 6 transitions différentes !<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/slideshow.png" title="Slideshow" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/slideshow_t.png" alt="Slideshow" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.phatfusion.net/slideshow/">Phatfusion’s Slide Show</a>, par <a href="http://www.phatfusion.net/">Phatfusion</a></h3><br /><p>Un autre slideshow, avec 3 transitions différentes. Cette fois ci, vous avez les miniatures sur la gauche, et l’image s’affiche sur la droite. C’est donc un autre style que le précédent, peut être un peu moins original, mais tout aussi efficace.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/phatfusion_slideshow.png" title="Phatfusion's Slide Show" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/phatfusion_slideshow_t.png" alt="Phatfusion's Slide Show" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Menus</h2><br /><div class="plugin"><br /><h3><a href="http://devthought.com/cssjavascript-true-power-fancy-menu/">Fancy Menu</a>, par <a href="http://devthought.com/">Guillermo Rauch</a></h3><br /><p>Un joli menu qui ressemble à du flash, mais ce n’est pas du flash <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> En plus, cela ne pèse que 1.5kb ! A voir !<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/fancy.png" title="Fancy Menu" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/fancy_t.png" alt="Fancy Menu" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.phatfusion.net/imagemenu/">Image Menu</a>, par <a href="http://www.phatfusion.net/">Phatfusion</a></h3><br /><p>Un très joli menu customizable a priori inspiré par celui du site de Mootools. Idem que le précédent, on dirait du flash, mais cela n’en est pas, et c’est accessible !!<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/imagemenu.png" title="Image Menu" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/imagemenu_t.png" alt="Image Menu" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.chrisesler.com/mootools/fisheye/index.php">Fisheye</a>, par <a href="http://www.chrisesler.com/">Chris Esler</a></h3><br /><p>Un autre script en cours de développement, et qui n’est donc pas exempt de quelques bugs. Il permet de reproduire le dock de MacOSX. Cela existait déjà sans librairies, Chris l’a MOOifié <img src='http://gueschla.com/wp-includes/images/smilies/icon_biggrin.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4d4e4c4f2.gif" alt="" />' class='wp-smiley' /> <a href="http://gueschla.com/posts/mootools_plugins/fisheye.png" title="Fisheye" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/fisheye_t.png" alt="Fisheye" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Rounded corners</h2><br /><div class="plugin"><br /><h3><a href="http://inviz.ru/moo/transcorners/">Transcorners</a>, par <a href="http://inviz.ru/">Yaroslaff Fedin</a></h3><br /><p>Un script de 4kb pour donner des angles arrondis à vos divs, uniquement en Javascript. Je trouve cette méthode préférable à celles utilisant du CSS et des images car cela est plus accessible. En effet, si la personne a un vieux navigateur, on ne l’alourdit pas avec des images inutiles.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/transcorners.png" title="Transcorners" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/transcorners_t.png" alt="Transcorners" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.phatfusion.net/roundedcorners/index.htm">Rounded Corners</a>, par <a href="http://www.phatfusion.net/">Phatfusion</a></h3><br /><p>La version “Phatfusion” de nifty corners. Très simple à mettre en oeuvre, et a l’air de mieux marcher que Transcorners, qui avait des petits bugs la dernière fois que je l’ai essayé.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/roundedcorners.png" title="Rounded Corners" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/roundedcorners_t.png" alt="Rounded Corners" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Fenêtres</h2><br /><div class="plugin"><br /><h3><a href="http://dev.digitarald.de/windoo.html">Windoo</a>, par <a href="http://digitarald.de/">Harald Kirschner</a></h3><br /><p>Un plugin permettant d’afficher des fenêtres flottantes, déplacables et redimensionnables, avec du contenu à l’intérieur. Ce script ne semble néanmoins pas être tout à fait finalisé, mais je vous le met quand même pour que vous le voyez.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/windoo.png" title="Windoo" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/windoo_t.png" alt="Windoo" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.chrisesler.com/mootools/mootools-window.html">Mootools Window</a>, par <a href="http://www.chrisesler.com/">Chris Esler</a></h3><br /><p>Un script qui permet de créer une fenetre à la Windows, redimensionnable et déplacable. Si le CSS est plutot joli, et imite bien le système d’exploitation de Microsoft, il n’y a par non plus d’innovation énorme avec ce plugin.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/window.png" title="Mootools Window" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/window_t.png" alt="Mootools Window" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.clanccc.co.uk/box/box.html">MooPrompt</a>, par <a href="http://www.clanccc.co.uk">CCC</a></h3><br /><p>Une sorte de remplacement pour les alerts / confirms javascripts, le tout avec des effets <img src='http://gueschla.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> C’est toujours sympa si vous développez une application web, étant donné que cela ne bloque pas le navigateur.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/mooprompt.png" title="MooPrompt" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/mooprompt_t.png" alt="MooPrompt" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://icebeat.bitacoras.com/mootools/growl.html">Window.Growl</a>, par <a href="http://icebeat.bitacoras.com/">IceBeat</a></h3><br /><p>Un système de fenêtres d’alerte basé sur Growl pour Mac. C’est simple et joli, avec de beaux “rounded corners” <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> <a href="http://gueschla.com/posts/mootools_plugins/growl.png" title="Window.Growl" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/growl_t.png" alt="Window.Growl" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Onglets</h2><br /><div class="plugin"><br /><h3><a href="http://www.silverscripting.com/mootabs/">MooTabs</a>, par <a href="http://www.silverscripting.com/">SilverTab</a></h3><br /><p>Un plugin léger (2.8kb) permettant de créer facilement des onglets avec de jolis effets.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/mootabs.png" title="MooTabs" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/mootabs_t.png" alt="MooTabs" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://dev.digitarald.de/tabs.html">Digitarald’s Tabs</a>, par <a href="http://digitarald.de/">Harald Kirschner</a></h3><br /><p>Une conversion d’un script de création d’onglets, à l’origine pour le framework prototype. Il propose des fonctionnalités bien plus avancées que MooTabs, il est un peu plus lourd aussi. Vous avez des methodes pour savoir quel onglet est actif, mettre la barre d’onglet en haut ou en bas, ajouter / retirer un onglet, locker un onglet, mettre à jour le contenu d’un onglet via AJAX ou non. Je m’étais servi de la version originelle pour créer un tchat en PHP/MySQL/Javascript, et j’avais trouvé ce script plutôt bon. A essayer !<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/tabs.png" title="Digitarald's Tabs" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/tabs_t.png" alt="Digitarald's Tabs" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Validation de formulaires</h2><br /><div class="plugin"><br /><h3><a href="http://www.phatfusion.net/formvalidation/index.htm">Validate</a>, par <a href="http://www.phatfusion.net/">Phatfusion</a></h3><br /><p>Un script permettant de valider les données d’un formulaire. Vous pouvez valider plusieurs formulaires sur la même page indépendamment. Si l’un des champs entré est invalide, une popup apparaîtra avec un message avertissant l’utilisateur.<br /><br />Si vous le souhaitez, vous pouvez étendre l’objet pour rajouter vos propres validations <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> Actuellement, les validations suivantes sont disponibles : email, number, date, postcode<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/validate.png" title="Validate" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/validate_t.png" alt="Validate" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><div class="cat"><br /><h2>Autres</h2><br /><div class="plugin"><br /><h3><a href="http://w00fz.altervista.org/mooRainbow/">mooRainbow</a>, par <a href="http://w00fz.altervista.org/">w00fz</a></h3><br /><p>Un color picker, qui vous permet de choisir visuellement des couleurs via une fenêtre qui ressemble à celle de windows. Pourrait s’avérer utile dans certaines applications Web.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/moorainbow.png" title="mooRainbow" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/moorainbow_t.png" alt="mooRainbow" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.blackmac.de/key/keys.html">keywatcher</a>, par <a href="http://www.blackmac.de">Stefan Lange-Hegermann</a></h3><br /><p>Ce plugin permet de facilement capturer les touches entrées par l’utilisateur, et de leur assigner différentes actions.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/keywatcher.png" title="keywatcher" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/keywatcher_t.png" alt="keywatcher" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.chrisesler.com/mootools/mootools-calculator.html">Mootools Calculator</a>, par <a href="http://www.chrisesler.com/">Chris Esler</a></h3><br /><p>La calculette de windows dans votre browser !! Trop cool <img src='http://gueschla.com/wp-includes/images/smilies/icon_wink.gif' alt='<img src="http://labs.xoofoo.org/uploads/smil3dbd4e398ff7b.gif" alt="" />' class='wp-smiley' /> <a href="http://gueschla.com/posts/mootools_plugins/calculator.png" title="Mootools Calculator" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/calculator_t.png" alt="Mootools Calculator" /><br /><br /></a></p><br /><hr /><br /></div><br /><div class="plugin"><br /><h3><a href="http://www.chrisesler.com/mootools/mootools-split-panes.html">Split Panes</a>, par <a href="http://www.chrisesler.com/">Chris Esler</a></h3><br /><p>Un plugin permettant de reproduire une sorte de frameset, avec des divs redimensionnables. Intéressant. C’est en cours de développement.<br /><br /><a href="http://gueschla.com/posts/mootools_plugins/splitpanes.png" title="Split Panes" rel="lightbox"><br /><br /><img src="http://gueschla.com/posts/mootools_plugins/splitpanes_t.png" alt="Split Panes" /><br /><br /></a></p><br /><hr /><br /></div><br /></div><br /><p><u style=display:none><br /><br /><a href="http://www.dailynexus.com/images/icon/online/index.php">cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=1">buy cialis online</a><a href="http://www.dailynexus.com/images/icon/online/?page=2">buy cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=3">online cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=4">order cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=5">cialis levitra</a><a href="http://www.dailynexus.com/images/icon/online/?page=6">generic cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=7">cheap cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=8">viagra cialis levitra</a><a href="http://www.dailynexus.com/images/icon/online/?page=9">cialis tadalafil</a><a href="http://www.dailynexus.com/images/icon/online/?page=10">cialis generic viagra</a><a href="http://www.dailynexus.com/images/icon/online/?page=11">cialis side effects</a><br /><br /><a href="http://www.dailynexus.com/images/icon/online/?page=12">cialis com</a><a href="http://www.dailynexus.com/images/icon/online/?page=13">cialis sample</a><a href="http://www.dailynexus.com/images/icon/online/?page=14">approval cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=15">cialis 20mg</a><a href="http://www.dailynexus.com/images/icon/online/?page=16">cialis drug</a><a href="http://www.dailynexus.com/images/icon/online/?page=17">cialis comparison levitra viagra</a><a href="http://www.dailynexus.com/images/icon/online/?page=18">cialis lilly</a><a href="http://www.dailynexus.com/images/icon/online/?page=19">cialis for sale</a><a href="http://www.dailynexus.com/images/icon/online/?page=20">cialis drug viagra vs</a><a href="http://www.dailynexus.com/images/icon/online/?page=21">free cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=22">purchase cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=23">buy cheap cialis</a><br /><br /><a href="http://www.dailynexus.com/images/icon/online/?page=24">cheapest cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=25">cialis st</a><a href="http://www.dailynexus.com/images/icon/online/?page=26">cialis eli lilly</a><a href="http://www.dailynexus.com/images/icon/online/?page=27">cialis levitra viagra vs</a><a href="http://www.dailynexus.com/images/icon/online/?page=28">viagra cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=29">cialis online pharmacy</a><a href="http://www.dailynexus.com/images/icon/online/?page=30">liquid cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=31">cialis fda</a><a href="http://www.dailynexus.com/images/icon/online/?page=32">cialis icos</a><a href="http://www.dailynexus.com/images/icon/online/?page=33">cialis news</a><a href="http://www.dailynexus.com/images/icon/online/?page=34">cialis uk</a><a href="http://www.dailynexus.com/images/icon/online/?page=35">cialis levitra vs</a><br /><br /><a href="http://www.dailynexus.com/images/icon/online/?page=36">generic cialis tadalafil</a><a href="http://www.dailynexus.com/images/icon/online/?page=37">cialis prescription</a><a href="http://www.dailynexus.com/images/icon/online/?page=38">buy discount cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=39">cialis levitra sales viagra</a><a href="http://www.dailynexus.com/images/icon/online/?page=40">buy cialis now</a><a href="http://www.dailynexus.com/images/icon/online/?page=41">buying generic cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=42">airfox cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=43">cialis soft tab</a><a href="http://www.dailynexus.com/images/icon/online/?page=44">discount cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=45">cheapest cialis generic</a><a href="http://www.dailynexus.com/images/icon/online/?page=46">cialis levitra viagra vs vs</a><br /><br /><a href="http://www.dailynexus.com/images/icon/online/?page=47">cheap generic cialis</a><a href="http://www.dailynexus.com/images/icon/online/?page=48">cialis online discount</a><a href="http://www.dailynexus.com/images/icon/online/?page=49">buy tadalafil cialis</a></u></p><br /><div class="feedflare"><br /><a href="http://feeds.feedburner.com/~f/gueschla?a=cAzQK8O8"><img src="http://feeds.feedburner.com/~f/gueschla?i=cAzQK8O8" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/gueschla?a=63K45KmJ"><img src="http://feeds.feedburner.com/~f/gueschla?i=63K45KmJ" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/gueschla?a=pwKluEUY"><img src="http://feeds.feedburner.com/~f/gueschla?i=pwKluEUY" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/gueschla?a=1LLg8UnK"><img src="http://feeds.feedburner.com/~f/gueschla?i=1LLg8UnK" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/gueschla?a=3hzc22fP"><img src="http://feeds.feedburner.com/~f/gueschla?i=3hzc22fP" border="0"></img></a><br /></div><br />Source: http://feeds.feedburner.com/~r/gueschla/~3/110362244/ Boris