jquery.expandBox plugin

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….

Il y a 8 mois, au moment où j'ai réalisé ce plugin, j'ai cherché si ce type de plugin existait déjà.
Je n'ai rien trouvé (j'ai peut être mal cherché).

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

blog comments powered by Disqus

Mes flux :