Pb onmouseover ne fonctionne pas

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pb onmouseover ne fonctionne pas

Liv83

Bonjour j'ai un probleme je veux changer la class d'un ul quand je survole une ancre, je ne pense pas avoir d'erreur dans mon code :

<a onMouseOver="nextSibling.className='actif'" onMouseOut="nextSibling.className='inactif'" href="#">Consultation</a>
<ul class="inactif">
<li><a href="#">Liste Elève</a></li>
<li><a href="#">Liste Matière</a></li>
</ul>

avec ceci un css tres simple :

ul.actif{display: block;}

ul.inactif{display: none;}

le probleme c'est que quand je survole l'ancre je ne parviens pas à afficher ul, et je ne vois pas d'où peu venir le probleme.
Merci.

PS: je travaile en xhtml, j'ai verifier le lien vers la feuille css est correct car quand je mets mon ul en class actif il l'affiche bien, je le lis avec firefox et j'aimerai qu'il marche sur ce dernier.

Publicité

anapajari

s/travail/glanding on hfr/gs;

t'as un text_node entre ton a et ton ul ( chose que tu peux constater en faisant un alert(nextSibling.nodeType) tu devrais obtenir 3 qui correspond au text_node).
Deux solutions:

tu utilises nextSibling.nextSibling pour tomber sur ton ul
tu ne mets aucun espace/retour à la ligne entre ton a et ton ul:

Code :

<a onMouseOver="nextSibling.className='actif'" onMouseOut="nextSibling.className='inactif'" href="#">Consultation</a><ul class="inactif">

Liv83

Merci pour ta reponse mais le probleme c'est que je n'ai eu aucun resultat avec les deux methodes que tu m'as donnée le probleme doit venir d'ailleur.

Liv83

C'est bizard parce que je viens d'essayer sur IE et ca marche nikel...

Liv83

dsl pour les messages consecutifs mais je viens d'essayer en renomant fichier en .html et ca marche sous firefox peut que le probleme viens de mon en tete (je suis perdu).

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr">

FORUM HardWare.fr

Programmation

HTML/CSS

Pb onmouseover ne fonctionne pas

Sujets relatifs
Diaporama ne fonctionne pas -	[Javascript] Mon chronomètre ne fonctionne pas
upload d'images qi ne fonctionne pas	[Crypto] Probleme dans ce programme?
[résolu] scriptaculous qui fonctionne sous IE mais pas firefox ?	Preg replace : ne fonctionne que pour une seule ligne
Upload d'images : jpg->jpg fonctionne mais pas gif->jpg	>>>survol d'un texte avec la souris<<<
document.body.clientHeight ne fonctionne pas sous IE	script qui fonctionne 1 fois sur 2, aidez moi ! :(
Plus de sujets relatifs à : Pb onmouseover ne fonctionne pas

Page générée en 0.051 secondes