Changement css par Javascript

MJ -  
 JavascriptNewbie -
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.

2 réponses

  1. swoog42 Messages postés 1178 Statut Membre 245
     
    en CSS ca serait plus simple ^^
    0
  2. JavascriptNewbie
     
    <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