SimonK: Dropdownmenü geht im IE nicht

SELF-Forum

Dropdownmenü geht im IE nicht

SimonK
– Informationen zu den Bewertungsregeln

Hallo,
Ich hoffe ihr seht es mir nach, dass ich kein Experte bin, was JavaScript angeht, aber in meiner Position als Zivi bin ich nunmal für alles verantwortlich ;-)

Mein problem ist follgendes: Ich habe ein schönes Script für ein Ausklapp-Menü gefunden.
http://www.perlunity.de/javascript/scripts/javascript_0359_main.shtml
Diese habe ich ein wenig modifiziert und zwar so, dass die "Style" Sachen in einer CSS-Datei stehen und da ich keine Liste mit Bildchen wollte habe ich da auch was geändert.
Das sieht jetzt so aus:

=================

<script type="text/javascript">
<!--

//Smart Folding Menu tree- By Dynamic Drive (rewritten 03/03/02)
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}

if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url(open.gif)"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url(fold.gif)"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained
champignon
//-->
</script>

<center>
    <a href="main.html" target="MAIN">
 <img src="bilder/logo.gif" border="NO" alt="Logo">
   </a>
<br>
<br>
<br>

<p id="navlink">
 <a href="html/aktuelles.html" target="MAIN">Aktuelles</a>
   </p>

<!-- ausklapp-teil -->
  <p id="foldheader"
 onMouseOver="this.style.color='#770173';
              this.style.backgroundColor='#d1d1d1';"
 onMouseOut="this.style.color='#635c63';
      this.style.backgroundColor='#FFFFFF';">Ausklappbutton</p>

<p id="foldinglist" style="display:none; &amp;{head};">
   <a class="foldinglist" href="html/bilder_main.html" target="MAIN">Bilder</a>

</p>

Im CSS-File steht dann noch:

*#foldheader{
 cursor:pointer;
 cursor:hand;
 font-family: tahoma;
 font-size: 24;
 text-decoration:none;
 font-weight:600;
 color: #635c63;
 background-color: #FFFFFF;
 display:block;
}

/* Links ausgeklappt */

*#foldinglist{
 text-align:left;
 font-family: tahoma;
 font-size: 22;
 text-decoration:none;
 font-weight:400;
}

=============
Ich hoffe ich hab nicht irgendwo Bockmist gebaut, aber im FF gehts prima, sogar der Validator ist fast glücklich :-)

Nur der IE6 sagt mir:
Zeile 46; "style" ist NULL oder kein Objekt.
Das ist diese Zeile: if (foldercontent.style.display=="none"){

Ich hab absolut null Ahnung was ich da ändern soll, denn es funktioniert ja bei anderen anscheinend auch.

Schonmal vielen Dank für eure Hilfe!

Gruß,
Simon

Beitrag melden
–
Informationen zu den Bewertungsregeln