Discussion :

[Beginner.]

Salut,

Je ne pense pas que le titre soit clair mais il en fallait un et je ne sais pas trop comment on appelle ce que je cherche à faire alors je vais essayer de m'expliquer...

Dans certains éditeurs/EDI on a toutes sortes de panels à gauche, au milieux, à droite, en bas... On peut ajouter ou supprimer des panels, on peut les déplacer et on peut les redimensionner...

C'est un système de ce genre que je cherche à faire, savez-vous si il existe des librairies pour faire cela ?

Merci.

PS : Si quelqu'un c'est comment on appelle cela eh bien ça m’intéresse...

[Toufik83]

Bonjour,

il existe jQuery-ui Droppable, jQuery-ui-Sortable et jQuery-ui Draggable

[mathieu]

vous êtes sur un forum javascript. vous voulez faire cela sur une page web ?

si vous utilisez jQuery, il y a cela par exemple :
https://jqueryui.com/draggable/

[Beginner.]

Salut,

Merci à vous deux...

Ah oui il y a JQuery pour obtenir certaines fonctionnalités (drag&drop, redimensionnent...) mais ce n'est pas une librairie qui permet de faire ce dont je parlais... Il va falloir ajouter une gestion globale de l'ensemble...

Par exemple :
- Si je redimensionne un panel les panels (ou cellules contenant plusieurs panels) voisins devront être redimensionnés en conséquence...
- Si je supprime un panel, l'espace libéré devra être occupé...
- Si j'ajoute un panel à une ligne/colonne alors le redimensionnement ne devra plus se faire au niveau du panel mais plutôt au niveau de la ligne/colonne et ce pour chaque cellule de la grille...

Je dois pouvoir ajouter un panel n'importe où dans la grille... Il faut que ce soit dynamique...

Enfin ce n'est pas facile à expliquer mais c'est ce qu'on a dans Eclipse, Visual Studio...

[Toufik83]

Bonjour,

Ce sont des méthodes que tu peux utiliser avec des options, clic sur les liens dans le volet à droite "Examples" pour voir toutes les options possibles.

L'exemple de redimensionnement simultané de plusieurs éléments qui correspond à la première question .

L'exemple de l'espace libéré expliquant comment utiliser sortable et draggable avec l'option connectToSortable et quand un élément est supprimé le conteneur reprend sa taille (ce n'est pas montré dans l'exemple mais ça fonctionne aussi..), et un autre exemple de resizable aspect ratio qui permet de conserver les proportions (hauteur et largeur) des éléments lors d'un redimensionnement ce qui correspond à la question 2.

L'exemple de constrain-area expliquant comment utiliser l'option containment pour définir les limites de redimensionnement qui correspond à la 3éme question.

Et pour finir, voilà l'exemple de grille réalisable seulement avec du css et sans aucune option de sortable.

[Beginner.]

Merci je vais regarder ça.

Sinon oui la grille je l'avais vu avec tes premiers liens, cela permet de se faire une idée...