Div-Container bei onmouseover herausfahren und bei onmouseout wieder zurueck

**johnnyaliasjohn** · 04-12-2012, 10:52

Hallo!

Ich möchte ein herausfahrbares Menü erstellen. Ich habe mir gedacht ich verändere über JavaScript einfach nur die width. Aber es scheint nicht zu funktionieren.

Woran liegt das?

Beste Grüße, John

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Ausziehbares Menü</title>
    <style>
    *{    font-family: Arial;  }

    #menue
    {   width: 100px;
        height: 400px;
       background-color: #FF0000;  }
    </style>

    <script language="javascript" type="text/javascript" >
    function kl() {  document.getElementById("menue").style.width = 100px; }
    function gr() {  document.getElementById("menue").style.width = 300px;   }
    </script>
</head>

<body>
<div id="menue" onmouseover="gr()" onmouseout="kl()">
<div id="menueinhalt">
Lore ipsum
</div>
</div>
</body>
</html>

**mikdoe** · 04-12-2012, 11:15

Zitat von johnnyaliasjohn

Aber es scheint nicht zu funktionieren.

Scheint es nur oder tut es wirklich nicht?
Was genau ist das Problem?

**ein schlauer** · 04-12-2012, 12:14

Zitat von johnnyaliasjohn

Ich möchte ein herausfahrbares Menü erstellen. Ich habe mir gedacht ich verändere über JavaScript einfach nur die width. Aber es scheint nicht zu funktionieren.

Woran liegt das?

das verrät dir die Fehlerkonsole
http://forum.jswelt.de/javascript-fa...erkonsole.html (Wo finde ich die Fehlerkonsole?)