Salut,
J'ai vu plusieurs splitter en JQuery mais j'aimerais en avoir un en "JS pur"...
J'ai trouvé deux librairies pour l'instant :
- Splitter : http://andrienko.github.io/splitter
- Split.js : https://split.js.org
1 - Le premier est très simple à comprendre et à utiliser. On peut faire facilement des layout assez complexe comme le dernier exemple de la page.
C'est assez intuitif car on définit le layout avec du code html, on utilise des class pour indiquer si la division est horizontale ou verticale. On a donc déjà sans le JS une bonne idée du layout ---> c'est-à-dire qu'on peut deviner à quoi va ressembler le layout en regardant le HTML.
Par contre les inconvénients c'est qu'il fonctionne par paire : on peut facilement avoir deux colonnes ou deux lignes mais si on veut par exemple trois colonnes cela se complique un peu : Il faut une cellule de deux colonnes et ensuite on imbrique dans la deuxième colonne une autre cellule de deux colonnes...
En plus avec ce de système si on fait varier la largeur de la première colonne alors les largeurs des deux autres colonnes varient aussi alors qu'on pourrait s'attendre à ce que seuls les largeurs des premières colonnes varient (tant que les limites ne sont pas atteintes)...
Avec trois colonnes/lignes cela se complique déjà et la complexité augmente avec le nombres de colonnes et de lignes se multiplient cela devient fastidieux et moins lisible...
2 - Je trouve le deuxième bien plus compliqué à mettre en œuvre, beaucoup moins lisible, c'est à l'utilisateur de gérer les emplacements avec le HTML/CSS... Apparemment le code JS s’occupe surtout de placer les splitters...
On a plus de liberté mais c'est beaucoup plus compliqué du coup...
Par contre on peut mettre nos trois colonnes dans la même cellule sans problème apparemment...
----
Bref est-ce que vous connaissez d'autres librairies qui combineraient les avantages de ces deux librairies sans les inconvénients (lol)?
Sinon cela me semble faisable à faire...
