Cherche Menu Rétractable en JS

[kopax]

Bonjour,

Je cherche un script me permettant de faire un menu rétractable.
J'aurai besoin d'un petit bouton en haut a droite de ma page, et lorsque je clique dessus, dérouler un grand menu ou le contenu serai un include d'une page php.

Ensuite on doit pouvoir le diminuer à nouveau si on décide de ne plus se servir de ce menu.

Ce que je cherche ressemble à ca :



Tout ce que j'ai trouvé sont des menu qui s'affiche et se masque au passage de la souris (pas très pratique).

Sinon ma page contient une toolbar, et le site est dans une iframe pour des raisons technique (site sur serveur distant ou je n'ai pas d'accès).
Il faut que le script superpose les deux frames que compose ma page.

Si vous connaissez quelque chose qui pourrait m’intéresser,

Merci d'avance,

kopax

[galerien69]

salut,

alors pour le menu, c'est que du css.
Genre un bon vieux absolute, float right devrait suffire.
genre un truc du style

Code :

1
2
3
4
<div id="menu">
 <input type="button" value="Tool"/>
 <div id="contentPhp" class="hidden"></div>
</div>

Par défaut tu caches .hidden
pis quand tu cliques, tu rajoute hidden au bouton et enlèves hidden à contentPhp pour le montrer.

Puis par dessus, tu rajoutes un ptit animate lorsque tu enlèves hidden (genre un slideDown) pis ca devrait rouler...

Ca fait beaucoup de "si", mais bon, c'est l'idée.

[kopax]

Envoyé par galerien69

salut,

alors pour le menu, c'est que du css.
Genre un bon vieux absolute, float right devrait suffire.
genre un truc du style

Code :

Par défaut tu caches .hidden
pis quand tu cliques, tu rajoute hidden au bouton et enlèves hidden à contentPhp pour le montrer.

Puis par dessus, tu rajoutes un ptit animate lorsque tu enlèves hidden (genre un slideDown) pis ca devrait rouler...

Ca fait beaucoup de "si", mais bon, c'est l'idée.

Merci pour ta réponse,

Le problème c'est que le menu se trouve dans le frame haut qui ne comporte qu'une div, et j'aimerai qu'il superpose ma page + l'iframe constituant la majeur partie de ma page.

De plus, j'utilise dans ce menu, un copytoclipboard en flash (Zeroclipboard), qui pose un élément flash au dessus d’élément html. (dans le but d'avoir dans mon presse papier des commandes SSH)

Lorsque je fais déplacer le menu, les éléments flash ne sont pas dans la page car au départ, le menu est en dehors de la page.
Il faut donc que au premier chargement de la page, le menu soit charger à sa position dérouler avant de se masquer.

des idées ?

[Bovino]

Un truc dans ce genre la : Menu déroulant animé avec jQuery ?