barre d'outils glissante haut ecran

Version imprimable

11/01/2010, 13h39
lolodev

barre d'outils glissante haut ecran

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
11/01/2010, 13h49
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??
11/01/2010, 14h26
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

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

Code:

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:

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>

11/01/2010, 16h00
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>
11/01/2010, 16h08
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
11/01/2010, 17h08
lolodev

tres bien ça merci

peut remplacer le click par un onmouseover ?
11/01/2010, 17h15
addock

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