Plugin jQuery Spliter

Pour un besoin personnel, je souhaitais trouver une ressource permettant de partager mon écran de travail en deux DIV et d’insérer entre ces DIV une « barre de partage » (splitbar) qui permet de redimensionner une zone DIV par rapport à l’autre.

jquery spliter plugin

L’explication n’est pas des plus claire ! Je vous invite à regarder un des exemples proposés sur le site de Dave Methvin, l’auteur de ce plugin : Horizontal splitter: Horizontal splitter with fixed height and width.

Il est possible de déplacer la « splitbar » avec la souris mais également avec le clavier (via un accesskey ou la touche TAB+Flèche Haut/Bas quand la splitbar a le focus). Vous pourrez personnaliser la forme du curseur de la souris. De plus, la barre de séparation peut être affichée horizontalement ou verticalement. Enfin, vous pourrez combiner les séparations verticales et horizontales.

L’implémentation de jQuery Splitter ne pose aucun problème. Là encore, le site de l’auteur détaille très bien la marche à suivre.

Site Internet : jQuery Splitter
Licence : MIT & GPL

One Response

  1. Tony 20 janvier 2011

Leave a Reply