Discussion :

[yjuliet]

Bonjour.

Je cherche à redimensionner des <div> à la souris à l'aide de DOJO. J'utilise déjà les fonctionnalités dnd pour déplacer ces mêmes <div>, mais je n'ai pas trouvé de solution pour redimensionner à l'aide de "poignées" à tirer.

J'avais déjà codé ce genre de fonctionnalités pour un site précédent, mais sans utiliser de framework, donc en n'utilisant que du code perso partant de 0. Sachant que j'utilise déjà dojo sur le site, je voulais tirer parti de ses fonctionnalités.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div>
  <table>
  <tr><td colspan='3'>titre</td></tr>
  <tr>
    <td class="left">...</td>
    <td class="center"><div id="content"></div></td>
    <td class="riight">...</td>
  </tr>
  <tr>
    <td colspan='3'><a id="dragHandle"><img src="images/dragHandle.png"></a></td>
  </tr>
  </table>
</div>

Le but est d'avoir lorsque je tire sur le #dragHandle le div central qui s'étire d'autant que la poignée a été déplacée, uniquement en vertical.

Merci d'avance.

[yjuliet]

je viens de trouver l'objet dojo.widget.ResizeHandle
mais je n'ai pas trouvé de documentation ... autre que

The handle on the bottom-right corner of FloatingPane or other widgets that allows the widget to be resized. Typically not used directly.

ceci ne m'avance pas tellement, ne voyant pas comment m'en servir