Discussion :

[bysus]

Bonjour à tous,
J'aimerai mettre un élément en visibility:hidden dans le css et rendre cet élément visible suite à un mouseOver.
J'ai donc mis en place une fonction setVisibility associée au mouseOver qui consiste à faire ça :

Code :

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

1
2
3
4
 
function setVisibility(id) {
document.getElementById(id).style.visibility = 'visible';
}

Seulement ça ne fonctionne pas donc si quelqu'un pouvait m'aider, ça m'arrangerait beaucoup, merci
Edit: en fait c'est pas que ça ne fonctionne pas mais ça fonctionne mal, ça s'affiche une fois sur 3 ou 4 alors que j'ai mis le mouseOver bien là ou il faut...
En fait j'ai l'impression que le css "se bat" pour que mon élément (<ul>) reste en hidden...

[Jumano]

Bonsoir,
Pourrais tu nous montrer également le code correspondant aux éléments <ul>

[Jumano]

Et puis, je vais peut être dire une bétise mais tant pis ... si ton élément <ul> est "hidden" je ne pense pas que l'on puisse faire un onmouseover dessus ...

[bysus]

Merci de tenter de m'aider

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<dt>
   <a href="./monde3D.html" onMouseOver="document.boutonKidnetServices.src='./images/boutonKidnetServices_fonce.gif';" onMouseOut="document.boutonKidnetServices.src='./images/boutonKidnetServices_clair.gif';">
<img src="./images/boutonKidnetServices_clair.gif" name="boutonKidnetServices">
   </a>
</dt>
   <dd id="smenu5" onmouseover="setVisibility('menu5');">
      <ul class="menu5" id="menu5"><br>
	<li> 
           <a href="./monde3D.html">
	      <div id="txtSsMenuBas" onmouseover="this.style.color='#FF2525';" onmouseout="this.style.color='#7F0000';"> Un monde en 3D 
               </div>
           </a>
         </li>

[Jumano]

Et le code de ta class="menu5" ...

[bysus]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
#menuBas ul.menu5 {
visibility:hidden;
margin:0;
background-image: url(../images/sousMenuBas1.png);
background-position: 0 0px;
background-repeat: no-repeat;
z-index:60;
width:145px;
height:505px;
}

Encore une fois, merci car là je désespère (je suis toujours au boulot alors que je suis censé finir à 17h )

[DoubleU]

Et puis, je vais peut être dire une bétise mais tant pis ... si ton élément <ul> est "hidden" je ne pense pas que l'on puisse faire un onmouseover dessus ...

Effectivement.

Si tu testes ca:

Code :

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

1
2
3
<div style="background-color:red; height:50px; width:100px;"></div>
<div style="background-color:blue; visibility:hidden; height:50px; width:100px;" onMouseOver="console.log('over')"></div>
<div style="background-color:red; height:50px; width:100px;"></div>

En passant sur la div du milieu il ne se passera rien. Si maintenant tu enleves le visibility:hidden, tu a bien le log qui s'exécute...