• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

"Aufklappmenue" funzt nicht immer im Firefox? Was ist falsch?

M

MikeS

New member
Hallo,

ich habe provisorisch den Script für mich angelegt;

Code: 
<style>
<!--
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ;
//list-style-image:url('fold.gif')}
#foldinglist{list-style-image:url('list.gif')}
//-->
 </style>
<script language="JavaScript1.2">
<!--

//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

//-->
 </script>



<ul>
   <li id="foldheader"><font face="Tahoma" size="2">Allgemeines</li> </font>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><span style="font-weight: 400">
      <a href="http://www.cnn.com" style="text-decoration: none">
      <font size="1" color="#263823" face="Tahoma">Systematik</font></a></span></li>
      <li><span style="font-weight: 400">
      <a href="http://www.abcnews.com" style="text-decoration: none">
      <font size="1" color="#263823" face="Tahoma">Lebensraum</font></a></span></li>
   </ul>

   <li id="foldheader"><font face="Tahoma" size="2">Haltung</li> </font>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><span style="font-weight: 400">
      <a href="http://www.dynamicdrive.com" style="text-decoration: none">
      <font size="1" color="#263823" face="Tahoma">Becken</font></a></span></li>
      <li><span style="font-weight: 400">
      <a href="http://www.javascriptkit.com" style="text-decoration: none">
      <font size="1" color="#263823" face="Tahoma">Wasser</font></a></span></li>
      <li><span style="font-weight: 400">
      <a href="http://www.freewarejava.com" style="text-decoration: none">
      <font size="1" color="#263823" face="Tahoma">Sozialverhalten</font></a></span></li>
       <li><span style="font-weight: 400">
       <a href="http://www.freewarejava.com" style="text-decoration: none">
       <font size="1" color="#263823" face="Tahoma">Zucht</font></a></span></li>
   </ul>

   <li id="foldheader"><font face="Tahoma" size="2">Arten</li> </font>
   <ul id="foldinglist" style="display:none" style=&{head};>
   
   <li id="foldheader"><font face="Tahoma" size="1">C. microlepis</li> </font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Beschreibung</font></a></span></li>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Galerie</font></a></span></li>
      </ul>
      
        <li id="foldheader"><font face="Tahoma" size="1">C. polota</li> </font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Beschreibung</font></a></span></li>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Galerie</font></a></span></li>
      </ul>

        <li id="foldheader"><font face="Tahoma" size="1">C. pulcher</li> </font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Beschreibung</font></a></span></li>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Galerie</font></a></span></li>
      </ul>

       <li id="foldheader"><font face="Tahoma" size="1">C. undemcriatus</li>
       </font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Beschreibung</font></a></span></li>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Galerie</font></a></span></li>
      </ul>

       <li id="foldheader"><font face="Tahoma" size="1">C. campbelli</li> </font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Beschreibung</font></a></span></li>
         <li><span style="font-weight: 400">
         <a href="http://www.dynamicdrive.com" style="text-decoration: none">
         <font size="1" color="#263823" face="Tahoma">Galerie</font></a></span></li>
      </ul>

  
   </ul>
 <li id="foldheader"><font face="Tahoma" size="2">Sonstiges</li> </font>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li>
      <a href="http://www.dynamicdrive.com" style="text-decoration: none; font-weight: 400">
      <font size="1" color="#263823" face="Tahoma">Quellen</font></a></li>
      <li>
      <a href="http://www.javascriptkit.com" style="text-decoration: none; font-weight: 400">
      <font size="1" color="#263823" face="Tahoma">Handel</font></a></li>
      <li>
      <a href="http://www.freewarejava.com" style="text-decoration: none; font-weight: 400">
      <font size="1" color="#263823" face="Tahoma">Links</font></a></li>
       <li>
       <a href="http://www.freewarejava.com" style="text-decoration: none; font-weight: 400">
       <font size="1" color="#263823" face="Tahoma">Forum</font></a></li>
       <li>
       <a href="http://www.freewarejava.com" style="text-decoration: none; font-weight: 400">
       <font size="1" color="#263823" face="Tahoma">Impressum</font></a></li>
   </ul>



</ul>


Dort muss irgendwo ein Fehler sein, aber welcher? Das unveränderte Script (testweise mit Farbveränderung) klappt auch im Firefox;

Code: 
<style>
<!--
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ;
//list-style-image:url('fold.gif')}
#foldinglist{list-style-image:url('list.gif')}
//-->
 </style>
<script language="JavaScript1.2">
<!--

//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

//-->
 </script>

<ul>
   <li id="foldheader">News</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.cnn.com" style="text-decoration: none">
      <font size="1" face="Tahoma" color="#263823">CNN</font></a></li>
      <li><a href="http://www.abcnews.com">ABC News</a></li>
      <li><a href="http://www.news.bbc.co.uk">BBC News</a></li>
   </ul>

   <li id="foldheader">Webmaster</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
      <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
      <li><a href="http://www.freewarejava.com">Freewarejava.com</a></li>
   </ul>

   <li id="foldheader">Nested Example</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.dynamicdrive.com">outer 1</a></li>
      <li><a href="http://www.dynamicdrive.com">outer 2</a></li>
      <li id="foldheader">Nested</li>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><a href="http://www.dynamicdrive.com">nested 1</a></li>
         <li><a href="http://www.dynamicdrive.com">nested 2</a></li>
      </ul>
      <li><a href="http://www.dynamicdrive.com">outer 3</a></li>
      <li><a href="http://www.dynamicdrive.com">outer 4</a></li>
   </ul>
</ul>



Problem ist also:
1. Script funktioniert nur im Internet Explorer, der zweite in beiden.
Also muss im ersten irgendwas unbeabsichtigt von mir so verändert worden sein, dass der Firefox das Menü nicht ausführen kann. Wer kann mir sagen, was da nicht stimmt?

Schönen Gruß,
Mike
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben