Discussion :

[lolodev]

bonjour

je voudrais en page d'accueil d'un site et suite à une authentification, afficher une barre d'outil webmaster.
je voudrais mettre en place un visuel comme le principe de la barre des tâches Windows qui se masquent automatiquement, lorsque la souris atteind le haut de la page du site.

quelle piste suggérée ?

merci

[addock]

Je n'ai pas très bien compris ta question.
Tu veux un menu qui ne s'affiche qu'au survol de la souris d'un élement??

[lolodev]

oui

j'imagine une boite qui dépasse d'1 ou 2 millimètres du bord haut de la page, juste pour capter le passage de la souris et glisser vers le bas de la hauteur de la barre

[addock]

Tu peux utiliser une fonction Javascript pour ce menu "caché".

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script language="javascript" type="text/javascript">
 
	function affiche(iden) {
		document.getElementById(iden).style.display="block";
	}
 
	function cacher(iden) {
		document.getElementById(iden).style.display="none";
	}
 
 </script>

Et pour le code html :

Code :

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

1
2
3
4
5
6
 
<div id="onglet" onMouseOut="Javascript : cacher('menu_cache');" onMouseOver="Javascript : affiche('menu_cache');">
     <div id="menu_cache" style="display:none; position:absolute;">
          Contenu du menu caché..
     </div>
</div>

[lolodev]

en fait la fct Javascript : affiche('menu_cache') ne peut être activée car rien n'est onMouseOver-isable

en fait, il faudrait que le <div id="menu_cache"> depasse en haut de 2-3 millimetres afin de pouvoir passer la souris dessus et il glisse vers le bas

un petit effet de glissé vers le bas à la prototype ??

mais comment ne laisser depasser qu'un bout du <div>

[addock]

A d'accord je n'avais pas compris ta question.
Tu veux que ton menu apparaisse avec un effet de mouvement ( glissement vers le bas ) ou juste qu'il aparaisse entierement quand tu passes la souris dessus??

Si tu veux l'effet de mouvement tu peux utiliser de l'AJAX.
Ex : mootools ou scriptaculous.

Ce lien devrait te satisfaire
http://wiki.github.com/madrobby/scri...fect-slidedown

[lolodev]

tres bien ça merci

peut remplacer le click par un onmouseover ?

[addock]

Biensur ou avec toutes (je pense) les autres fonctions javascript