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

Read and Post Comments

Première version de « jquery.expandBox plugin »

Je viens juste de publier un tout petit plugin Javascript basé sur jQuery : jquery.expandBox.

Le but de ce plugin est de permettre d'étendre horizontalement ou verticalement un ou plusieurs blocs HTML avec l'espace libre restant dans un élément parent du bloc à étendre.
Pour mieux comprendre je vous conseille de consulter la page de démonstration suivante : jquery.expandBox - Horizontal demo page.

La semaine dernière j'ai passé un peu de temps à la recherche d'un plugin de ce type sur jQuery Plugins mais je n'ai rien trouvé… Par contre, si de votre coté vous avez trouvé ce type de plugin, merci de me le signaler par mail ou dans les commentaires de ce billet.

Ce plugin est en version 0.1.0, à l'avenir il va peut être évoluer et même changer de nom si celui-ci ne s'avère pas pertinent.

Read and Post Comments

Mes flux :