Discussion :

[slowpoke]

Bonjour,

je cherche à pouvoir redimentionner un élément (<div> en l'occurence) en cliquant sur un liens.
Si ce n'est pas trop demander, j'aurais voulut que ce là soit progressif.

je m'explique :

Code :

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

1
2
3
4
5
 
<a href="#" onclick="agrandit-retrecit("test")">Agrandire le div</a>
<div id="test">
... du texte ici ...
</div>

En cliquant, il sur le lien on voit progressivement le div se dérouler et s'agrandir jusqu'à la fin de son contenu. Puis, si celui-ci est déjà déplier, alors on le replie.

Quelqu'un peut-il m'aider ?


Merci d'avance !

[Sheriff]

salut !
petite suggestion : renomme ton sujet par "comment afficher partiellement une div" ou "comment afficher progressivement..."
en fait j'ai le même problème, pour donner plus de style à mes menus déroulants.
@+

[Taum]

Salut,

Je te conseille de regarder du côté de scriptaculous. C'est une bibliotheque javascript qui introduit entre autre le genre d'effet que tu veux faire.

Bien que la documentation ne soit pas parfaite, on trouve de nombreux tutoriaux sur le net. Tu peux quand même trouver quelques exemples de code sur le wiki de scriptaculous => http://wiki.script.aculo.us/scriptac...fect.BlindDown

Bon courage

[Sheriff]

Oups !
le titre du sujet porte effectivement à croire qu'il s'agit d'un affichage progressif en terme de transparence. pourtant on parle ici de l'affichage partiel en terme de surface (effet de tiroir glissant)

j'ai trouvé un truc intéressant à cete page : http://www.outils-web.com/p.asp?cod=script
la rubrique est : Menu
le thème est : Menu glissant supérieur
@+

[lalouve]

Hello,

modifie le "clip" dans les styles de ton div avec un setInterval().

[Invité]

Hello,

modifie le "clip" dans les styles de ton div avec un setInterval().

C'est du javascript pas de l'actionScript

[slowpoke]

Merci. A vrai dire j'avais complêtement oublié l'existence de la bibliotèque Dojo.

http://www.dojotoolkit.org/

Il y a exactement ce que je recherche. On peut y voir dans "see it in action" puis "Layout Widgets" et enfin "TitlePane".

Merci infiniment pour toutes vos précieuses réponses !

[SpaceFrog]

arf coller une bibli complète juste pour faire ça ...
ou comment surcharger mon serveur et mes pages en deux leçons ...

tout fout l'camp ma brave dame ...

[slowpoke]

C'est vrai que c'est un peut gros 6mo pour faire un simple effet comme celui-ci. Cependant, voir tout ça m'a donné faim, alors je pensais par la même occasions en utilisé un peu plus ...

Et si je trouve plus simple, je vous tiens au courant !

[slowpoke]

J'ai dit que si je trouvais autre chose, je le postais. Alors voilà !

http://www.devpro.it/bytefx/