Discussion :

[mister3957]

Bonjour à tous,

Je possède un tableau dont les dimensions sont fixes, qui est composé d'une colonne et deux lignes.

J'ai besoin que l'utilisateur puisse redimensionner ces deux lignes à sa guise via la souris. N'étant pas un spécialiste du développement WEB, j'ai vraiment besoin de votre aide.

Par hasard, je suis tombé sur un site qui a fait ce que je désirais : http://jsfiddle.net/xCepm/

Sur la partie du milieu, on peut voire deux zones que l'on peut redimensionner verticalement avec la souris. Mais comment on fait ça ?

Au départ j'étais parti sur la bibliothèque jQuery-ui mais apparemment ça ne permet pas de faire ce dont j'ai besoin, ou alors je me suis planté quelque part ?

Est-ce qu'une bonne âme pourrait me dépanner ? A savoir que j'étais parti intuitivement sur la base d'un tableau sans trop savoir si c'était un bon début ou non..

Merci à vous,

A bientôt

[saymoneu]

Bonjour,

C'est pourtant bien faisable avec Jquery UI grâce à

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#tdaresizer').resizable();

avec vous essayé ce module de redimensionnement? Quel a été le problème?

[mister3957]

Bonjour,

Merci pour cette réponse.

Oui j'ai essayé le "resizable" avec deux div, mais je n'a pas réussit à faire en sorte qu'au départ, mes div utilisaient 50% chacune de la hauteur de la fenêtre et faire en sorte qu'en redimensionnant l'une, ça redimensionnait l'autre afin d'obtenir du 70% /30%, 40% / 60% etc.

Il y a bien l'option "alsoResize" décrite ici :
http://api.jqueryui.com/resizable/#option-alsoResize

Mais ça ne fait qu'appliquer les mêmes dimensions à deux zones, et on obtient du 70% / 70%, 40% / 40% etc. du coup ça ne va pas..

Cela dit, il est fort probable que je me sois planté dans mon agencement des div dès le départ, je suis plutôt débutant en la matière..