Pb onmouseover ne fonctionne pas

Pb onmouseover ne fonctionne pas - HTML/CSS - Programmation

Marsh Posté le 27-04-2007 à 16:48:53    

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.
 

Reply

Marsh Posté le 27-04-2007 à 16:48:53   

Reply

Marsh Posté le 27-04-2007 à 16:57:40    

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 :
  1. <a onMouseOver="nextSibling.className='actif'" onMouseOut="nextSibling.className='inactif'" href="#">Consultation</a><ul class="inactif">

Reply

Marsh Posté le 27-04-2007 à 17:16:20    

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.

Reply

Marsh Posté le 27-04-2007 à 17:19:13    

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

Reply

Marsh Posté le 27-04-2007 à 17:21:58    

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">

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed