Bonjour,
Je fais un menu sur 2 div (dossiers, liens), mon problème est le suivant:
Quand je quitte un div je voudrais qu'il se masque, voici mon code:
Javascript:
Style:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 function AfficheDiv(ID_Ancre,ID_Div){ document.getElementById(ID_Div).style.left = getLeft(ID_Ancre); document.getElementById(ID_Div).style.top = getTop(ID_Ancre); document.getElementById(ID_Div).style.visibility = "visible"; } function MasqueDiv(ID_Div){ document.getElementById(ID_Div).style.visibility = "hidden"; }
Body
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 div { height: 90px; width: 90px; background-color:#FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
Appel 1er div:
Appel 2ème div:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <a href="#" onmouseover="AfficheDiv(document.getElementById('Ancre5'),'MonDiv1');" onblur="MasqueDiv('MonDiv1');">Corali</a> <A id="Ancre5" name="Ancre5"> </A>
Donc comme ça la transition d'un div sur l'autre se passe bien, mais le 2ème div reste persistant.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <a href="#" onmouseover="AfficheDiv(document.getElementById('Ancre2'),'MonDiv2');" onblur="MasqueDiv('MonDiv2');">Dossier 1</a> <A id="Ancre2" name="Ancre2"> </A>
Pouvez vous me donner un coup de main svp ?
Partager