Archivlink: javarea.de Forum > JavaScript > Problem mit Foldout Menü
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Problem mit Foldout Menü

Pages: [1]
geschrieben von Carine21 am 31.01.2007 - 14:45
Hallo Leute!

Ich hab mir den Code von einem Foldout Menü aus dem Internet geholt, jedoch hab ich noch ein kleines Problem.
Wenn man auf den Unterpunkt klickt, dann schließt sich das Menü. Ich hätte aber gerne, dass das Menü so lange offen bleibt, bis man den "Hauptpunkt" wieder anklickt.

Ich hoffe nun auf Javascript Spezialisten, die mir so schnell wie möglich helfen können. Großes Dankeschön im Voraus.

Carina


Hier der Code:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 

<style type="text/css" media="screen"> 
<!-- 

#menu{padding: 5px; 
      margin: 0px;} 

#menu ul{padding-left:5px;} 


#menu li{text-decoration: none; 
         border: 1px solid #990000; 
         list-style:disc; 
         font-family: Swis721 Ex BT, Eras Medium ITC, Verdana; 
         font-size:12pt; 
         cursor: pointer; 
         display:block;} 


#menu a{text-decoration: none; 
        list-style:disc; 
        font-family: Swis721 Ex BT, Eras Medium ITC, Verdana; 
        font-size:12pt; 
        color:#000000; 
        display:block;} 


#menu a:hover{font-family:Swis721 Ex BT, Eras Medium ITC, Verdana; 
              color:#ffffff; 
              font-size:12pt; 
              text-decoration:none;} 


#menu active{font-family:Swis721 Ex BT, Eras Medium ITC, Vedana; 
             color:#333333; 
             font-size:12pt; 
             text-decoration:none;} 



//--> 
</style> 

<script type="text/javascript"> 
<!-- 
function hideSub() 
{ 
if (!document.getElementsByTagName) 
  return; 

var mnu    = document.getElementById('menu'); 
var toplis = mnu.getElementsByTagName('li'); 

for (var it = 0; it < toplis.length; it++) 
{ 
  var sublis = toplis[it].getElementsByTagName('li'); 

  for (var is = 0; is < sublis.length; is++) 
   if (sublis[is].style) 
    sublis[is].style.display = (toplis[it].className == 'show') ? 'block' : 'none'; 
} 
} 

function mShow(Me) 
{ 
if (!Me.getElementsByTagName) 
  return; 

var mylis = Me.getElementsByTagName('li'); 

if (!mylis) 
  return; 

for (j = 0; j < mylis.length; j++) 
  mylis[j].style.display = (mylis[j].style.display == 'block') ? 'none' : 'block'; 
} 
//--> 
</script>

geschrieben von weisnix am 31.01.2007 - 20:20
dann das nehmen:

geschrieben von Alexn15 am 04.02.2007 - 21:51
Hallo

Ich habe dieses menü verwendet was angegeben
Aber kann mir einer sagen warum das nicht richt im explorer nagezeigt wird schreibt immer seite wurde nicht gefunden wobei das ganze im firefox funktioniert wo hängt da der hacken ach ja die seite wird auch angezeigt wenn ich nicht mit dem i net verbunden bin also sprich wenn ich die datei mit den i explorer aufmache wird sie dargestellt

Danke
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 

<!doctype HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
    <base target="Main">
    <meta name="Author" content="gamerskasten">
    <meta name="Date" content="Sun, 04 Feb 2007 18:37:54 GMT">
<style type="text/css" media="screen">
<style>
<!--
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ;
//list-style-image:url(fold.gif)}
/* #foldinglist{list-style-image:url(list.gif)} */
//-->
</style>
    <meta name="Generator" content="XynX! NetJet 3.10 Build 106 (Win32r)">
<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 (ie7||ns6)
document.onclick=checkcontained

//-->
</script>
</head>
<body background="images/background505.gif" link="#8B0000" alink="#8B0000">
<ul>
    <li ID="foldheader"><p><font face="Arial"><font size=2>Was machen wir</font></font></p></li>
    <ul id="foldinglist" style="display:none" style=&{head};>
       <li><p><font face="Arial"><font size=2><a href="Main über uns.htm" target="Main">&Uuml;ber uns</a></font></font></p>
    </ul>

    <li ID="foldheader"><p><font face="Arial"><font size=2>Motoren </font></font></p></li>
    <ul id="foldinglist" style="display:none" style=&{head};>
       <li><p><font face="Arial"><font size=2><a href="Main optimierung.htm" target="Main">Optimierung</a></font></font></p>
       <li><p><font face="Arial"><font size=2><a href="Main Sx6000.htm" target="Main">SX6000</a></font></font></p>
    </ul>

    <li ID="foldheader"><p><font face="Arial"><font size=2>Leistungsteigerung</font></font></p></li>
    <ul id="foldinglist" style="display:none" style=&{head};>
       <li><p><font face="Arial"><font size=2><a href="Main  140 ps einspritzer.htm" target="Main">140Ps Einspritzer</a></font></font></p>
       <li><p><font face="Arial"><font size=2><a href="Main Kompressormotor ds.htm" target="Main">DS Kompressor</a></font></font></p>
       <li><p><font face="Arial"><font size=2><a href="Main 160Ps vergaser.htm" target="Main">160PS Vergaser</a></font></font></p>
       <li><p><font face="Arial"><font size=2><a href="Main Volumex tuning.htm" target="Main">VX Tuning</a></font></font></p>
       <li><p><font face="Arial"><font size=2><a href="Main lambdagerät.htm" target="Main">Lambdager&auml;t</a></font></font></p>
       <li><p><font face="Arial"><font size=2><a href="Main Auspuffanlageseite.htm" target="Main">Auspuffanlagen</a></font></font></p>
    </ul>

    <li ID="foldheader"><p><font face="Arial"><font size=2>Auspuffanlagen</font></font></p></li>
    <ul id="foldinglist" style="display:none" style=&{head};>
       <li><p><a href="Main Vorwort Auspuff.htm" target="Main"><font face="Arial"><font size=2>Vorwort</font></font></a></p>
       <li><p><a href="Main Auspuffanlageseite.htm" target="Main"><font face="Arial"><font size=2>Anlagen</font></font></a></p>
       <li><p><a href="main Fächerk as-cs.htm" target="Main"><font face="Arial"><font size=2>F&auml;cherkr&uuml;mmer AS-DS</font></font></a></p>
       <li><p><a href="Main Auspuff Csa.htm" target="Main"><font face="Arial"><font size=2>Auspuffanlage CSA</font></font></a></p>
       <li><p><a href="Main Vergleich Auspuff.htm" target="Main"><font face="Arial"><font size=2>Vergleich</font></font></a></p>
    </ul>

geschrieben von weisnix am 04.02.2007 - 23:19
Einfach mal die Grundlagen des html´s lernen, dann sieht das auch nicht so schrecklich aus.

Ich kenne zwar den NetJet nicht, aber das sieht sehr zusammen geklickt aus.

Eins ist aber klar keine Leerzeichen im Dateinamen. Der wird eventuell im Browser mit %20 aufgefüllt, aber das funktioniert nicht immer.

Falsch:

Deine Seite.html (htm) / Neuer Ordner

Richtig:

Deine _Seite.html – DeineSeite.html (htm) / Neuer_Ordner NeuerOrdner

geschrieben von Carine21 am 13.02.2007 - 09:03
Hi Weisnix!
Danke für den Tipp, aber das Foldout Menü hatte ich schon, funktioniert aber im Firefox, Netscape und Opera nicht. Daher scheidet das aus! Habe mir deshalb ein anderes gesucht, das funktioniert nur bleiben die Untermenüs nicht offen, wenn man auf einen Link klickt. Ist zwar nicht tragisch, aber es wäre anschaulicher, wenn das Untermenü so lange offen bleibt bis ich es durch klicken auf den Hauptlink wieder schließe.

Also, hast du (oder jemand anderer) sonst noch eine Idee? Wäre wirklich hilfreich!
Danke.

Carina


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.