Discussion :

[blastafarie]

Bonjour,
Je suis entrain de faire un petit script afin de faire bouger une balise div sur ma page.

Coté html : une div (onglet) en contenant 2 autre,une (onglet_name) et une 2eme (lien) qui est cachèe grace au css.

Quand la souris passe sur onglet_name on affiche le bas de l'onglet et on le change de place en javascript.
Et quand on sort de la div contenant les autre (onglet) on remet tout en place.
Voici le code javascript:

Code :

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

1
2
3
4
5
6
7
8
9
 
function moveUpOnglet(){
   document.getElementById('onglet_link').style.visibility = "visible";
   document.getElementById('onglet').style.top = "375px";
    }
function moveDownOnglet(){
     document.getElementById('onglet_link').style.visibility= "hidden";
     document.getElementById('onglet').style.top = "475px";
}

Et cotè html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
<div id="onglet" onmouseout="moveDownOnglet()">
 
    <div id="onglet_name" onmouseover="moveUpOnglet()" >Mon Onglet</div>
     <div id="onglet_link" >
        lien1<br>
        lien2<br>
        ...
     </div>                           
</div>

Lorsque je passe dessus tous ce passe bien mais l'onglet prend en compte l'evennement de sortie quand je passe sur un lien et je n'arrive pas à comprendre pourquoi. C'est assez facheux parcequ'on à pas le temps de cliquer dessus
Si quelqu'un avait un solution
Merci

[RomainVALERI]

Ca me semble un peu étrange d'avoir implémenté les événements mouseout et mousover sur des div différents... mais il faudrait voir dans le contexte : tu as un lien ?

[blastafarie]

Le truc c'est que la partie basse n'est pas visible et que l'onglet doit s'ouvrir lorsque l'on passe sur le nom et ce fermet lorsque l'on de l'onglet et non pas juste de nom.
J'ai essayé en placant les deux onmouse sur le div conteneur et il ne ferme plus mais en revanche il s'ouvre même si on passe sur la partie cachè :s
Je n'ais pas encore mis tout ceci sur le net, mais je le fais tout de suite (si free prend en compte le php5) sinon je met juste une page avec le code.
J'envoie sa tout de suite.

[blastafarie]

Normalement en regardant le source du devrait avoir accès à tout ce qu'il faut: http://ocean.assos.free.fr/test/index.php ou
http://ocean.assos.free.fr/test/test.php
ce sont les memes