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