Discussion :

[Kerweb]

Bonjour, petite question qui concerne du javascript si je n'me trompe pas.
Je voudrais au survol d'un lien afficher un bloc div mais j'ai dû zapper quelquechose car ça ne marche pas.

Code :

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

1
2
3
4
5
6
7
//Le lien
 
<a href="#" onMouseOver="document.getElementById('sousmenuvg').style.display='block';" onMouseOut="document.getElementById('sousmenuvg').style.display='none';">GIRLS</a>
 
//Le bloc à afficher
 
<span class="sousmenuvg"><a href="#">Junior</a>. <a href="#">Kid</a>. <a href="#">Baby</a></span>

Quelqu'un voit d'où vient mon erreur ?

[laurentibus]

je te dis ou je te dis pas
allez un indice quand c'est trop gros on voit pas ..................

allez chui gentil :

tu fais appel a un id qui est en fait une class dans ton span ... en gros :

Code :

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

1
2
 
<span id="sousmenuvg">...............

vive les erreurs de merde
je dis ca car moi aussi des fois je passe du temps sur une "erreur" .........

++

[Kerweb]

Rohhhhh, c'te boulet....
Merci bien !
Bon, ça ça marche (je suis passé en onClick finalement):

Code :

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

1
2
3
4
5
<a href="#" onClick="document.getElementById('sousmenuvg').style.display='block';">GIRLS</a>
 
...
 
<span id="sousmenuvg"><a href="#">Junior</a>. <a href="#">Kid</a>. <a href="#">Baby</a></span>

Est-ce que c'est possible, quand on clic sur un élément, qu'il ouvre le block correspond, et ferme les autres en même temps ?

Code :

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

1
2
3
4
5
6
7
<a href="#" onClick="document.getElementById('sousmenuvg').style.display='block';">GIRLS</a>
<a href="#" onClick="document.getElementById('sousmenubaby).style.display='block';">BABY</a>
 
...
 
<span id="sousmenuvg"><a href="#">Junior</a>. <a href="#">Kid</a>. <a href="#">Baby</a></span>
<span id="sousmenubaby"><a href="#">Junior</a>. <a href="#">Kid</a>. <a href="#">Baby</a></span>

[laurentibus]

oui il suffit d'enchainer les commandes

mais je serais toi je ferais des fonctions, parce que la ca devient plus trop propre:

Code :

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

1
2
3
4
5
6
7
8
 
<a href="#" onClick="f1();">GIRLS</a>
<a href="#" onClick="f2()">BABY</a>
 
...
 
<span id="sousmenuvg"><a href="#">Junior</a>. <a href="#">Kid</a>. <a href="#">Baby</a></span>
<span id="sousmenubaby"><a href="#">Junior</a>. <a href="#">Kid</a>. <a href="#">Baby</a></span>

code js:

Code :

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

1
2
3
4
5
6
7
 
function f1(){
 
document.getElementById('sousmenuvg').style.display='block';
document.getElementById('sousmenubaby).style.display='none';
......
}

ok ??

[Auteur]

code js:

Code :

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

1
2
3
4
5
6
7
 
function f1(){
 
document.getElementById('sousmenuvg').style.display='block';
document.getElementById('sousmenubaby).style.display='none';
......
}

ok ??

non Vive la coloration syntaxique qui met en évidence les erreurs

Code :

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

1
2
3
4
5
6
7
 
function f1(){
 
document.getElementById('sousmenuvg').style.display='block';
document.getElementById('sousmenubaby').style.display='none';
......
}

[laurentibus]

héhé
moi ca fait un moment que je code depuis l'éditeur dev.com en simulant un post