jquery.expandBox plugin
Posté par Stéphane Klein le samedi 23 avril 2011 dans les catégories Informatique, jQuery, Javascript, Web-dev, Projets, Contributions | View Comments
Je viens de publier une nouvelle version (0.2.0) du plugin jquery.expandBox.
« Et ça sert à quoi ? » et bien à étendre des elements HTML dans une page.
Exemples :
$('#bloc2').expandBoxVertically();
+-----------+ +-----------+ | bloc 1 | | bloc 1 | +-----------+ +-----------+ | bloc 2 | | | +-----------+ | | | | | bloc 2 | | du | => étendre le "bloc 2" => | | | vide | | | | | | | +-----------+ +-----------+ | bloc 3 | | bloc 3 | +-----------+ +-----------+
$('#bloc2, #bloc3').expandBoxHorizontally();
+--------+--------+--------+----------------+
| | | | |
| bloc 1 | bloc 2 | bloc 3 | du vide |
| | | | |
+--------+--------+--------+----------------+
|
v
étendre les blocs 2 et 3
|
v
+--------+-----------------+----------------+
| | | |
| bloc 1 | bloc 2 | bloc 3 |
| | | |
+--------+-----------------+----------------+
Pour en savoir plus sur les fonctionnalités de jquery.expandBox plugin, comment l'utiliser, où le télécharger… je vous conseille de vous rendre sur la page du projet….
La fonctionnalité « The flexible box model » de la norme CSS 3 permet d'étendre des blocs d'une manière plus élégante que le plugin jquery.expandBox mais cette fonctionnalité n'est pas encore disponible pour tous les navigateurs.
J'espère que la documentation est compréhensible et que ce plugin vous sera utile.
Si vous avez des remarques, suggestions… n'hésitez pas à m'envoyer un mail à stephane@harobed.org
