Changement css par Javascript

Fermé
MJ - 15 févr. 2011 à 12:38
 JavascriptNewbie - 17 févr. 2011 à 18:04
Bonjour,

J'aimerais savoir comment rendre une div en display:block au passage de ma souris sur un élément <h2>.

Voici mon code html

<div id="languages">
      <h2>Languages</h2>
      <div class="content">
            <ul>
                   <li class="en first active"><a href="#">English</a></li>
                   <li class="en first active"><a href="#">Français</a></li>
                   <li class="en first active"><a href="#">Deutsh</a></li>
            </ul>
       </div>
</div>


Lorsque je fais
document.getElementById("languages").onmouseover=function(){alert("test");}


Il me dit que l'element est null.

Je ne comprends pas mon erreur merci de votre aide.

A voir également:

2 réponses

swoog42 Messages postés 1059 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
17 févr. 2011 à 17:34
en CSS ca serait plus simple ^^
0
JavascriptNewbie
17 févr. 2011 à 18:04
<html>
<body>
<script>
window.onload=function()
{
    try{
      var _h3=document.getElementById('test');
      var _madiv=document.getElementById('madiv');
    }catch(e){ alert(e); }
    _h3.onmouseover=function()
    {
        _madiv.style.display="block";
    }
    _h3.onmouseout=function()
    {
       _madiv.style.display="inline";
    }
}
</script>

<h3 id="test">
h3
</h3>
div..
<div id="madiv">
</div>
</body>
</html>

0