DropDownMenü funktioniert nicht

[Programmier-Felix]

Hi,

ich habe (versucht) ein dropdownmenü zu erstellen... aber es kommt folgender fehler:

Für die Eigenschaft "style" kann kein Wert abgerufen werden: Das Objekt ist Null oder undefiniert

Ich hoffe ihr könnte mir helfen.

Gruß
Programmier-Felix


index.html

    <div class="menue">
     <div class="downloads" onmouseover="dwaufklappen()" onmouseout="dwzuklappen()">Downloads</div>
    </div>
 
    <div class="downloadsdropdown" onmouseover="dwaufklappen()" onmouseout="dwzuklappen()">
    </div>

style.css

#downloadsdropdown {
 width: 200px;
 height: 300px;
 position: relative;
 top: 0px;
 left: 140px;
 background-color: #9f0000;
 display: none;
}

js.js

function dwaufklappen() {
 document.getElementById('downloadsdropdown').style.display = 'block';
}
function dwzuklappen() {
 document.getElementById("downloadsdropdown").style.display = 'none';
}

 

[alogheo]

class="downloadsdropdown"

getElementById('downloadsdropdown')

"class" is nicht gleich "id". Für classes gibt es folgende Funktion:

document.getElementsByClassName("class")

Und für alle Browser, die diese noch nicht unterstützen:

if( typeof(document.getElementsByClassName) != "function" )
{
  document.getElementsByClassName = function(class)
  {
     var elem = document.getElementsByTagName('*');
     var j = 0;
     var myClass = []
     for(var i=0; i<elem.length; i++)
     {
       if(elem[i].className == class)
       {
         myClass[j] = elem[i];
         j++;
       }
     }
     return myClass;
   }
}

#downloadsdropdown {

müsstest du dann in

.downloadsdropdown {

ändern

 

[Programmier-Felix]

Danke, danke, danke, danke, ...

ich hab jetzt class in id umgewandelt... das ist am einfachsten....


wie kann ich doch so dämlich sein?! ^^

danke

 

[marc2010]

Probiers mit der fehlerkonsole beim nächsten Mal