Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
300
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 03.09.10 16:22 #1
    Avatar von caltuna
    caltuna caltuna ist offline Mitglied
    Registriert seit
    May 2007
    Ort
    Bremen
    Beiträge
    17
    Hi Ihr,
    ich habe ein kleines Problem mit meinem Aufklappmenue.

    Wie kann ich es einrichten, dass es auf der angeklickten Seite geöffnet ist und so lange bleibt bis ein anderer Link geklickt wird?
    Ich habe ein Template erstellt - jede einzelne Seite öffnet sich neu.
    Bin mir gar nicht mehr so sicher ob diese Form des Menüs da die Ideallösung ist.

    Code :
    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

    #nav {
    font-family: Lucida Sans Unicode, verdana, sans-serif;
    font-size: 13px;
    width: 196px;
    min-height: 450px;
    margin: 0px;
    padding-top: 5px;
    position: relative;
    z-index: 667;
    background: url(../design/navi_top_new.jpg) no-repeat;
    float:left;
}
 
 
ul, li 
                {    
                 margin:         0;
                 padding:            0;
                 list-style-type:        none;
                }
 
ul#menue        {
                 width:          120px;
                 margin:         3em 0 0 0;
                 padding-left:   50px;
                 padding-top:    20px;
                }
 
ul#menue li a   {
                 margin:         0px;
                 height:         20px;
                 line-height:    25px;
                 text-align:     left;
                 display:        block;
                 color:          #3A546B;
                 text-decoration:    none;
                }
 
ul#menue li a + ul.submenue 
                {    
                display:         none;
                padding-left: 20px;
                }
 
ul#menue li a:focus + ul.submenue 
                {   
                display:         block;
                color:           #34537c;
                }
 
        
 
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4 li a, ul#submenue5 li a, ul#submenue6 li a, ul#submenue7 li a
                {                    
                background:          none; /* IE */
                }
 
 
.sep {
    margin-top: 15px;
    padding-right: 0;
    background: transparent!important;
}

    Und hier die HTML

    HTML-Code:
    <script type="text/javascript">
<!--
window.onload=zeigen;
function zeigen(id) {
	for (var i = 1; i<=5; i++) {
		if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
	}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
//-->
</script>


<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
    <div id="wrapper">
    <div id="header">
 </div>
	<div id="nav">
	<ul id="menue">
			  	 <li><a href="../index.html">Aktuelles</a></li>  	 
				  	 <li><a href="../familie.html">&Uuml;ber uns </a></li>  	 
				  	 <li class="sep"><a href="#" onclick="javascript:zeigen('submenue1')">Golden Retriever </a>	
				  	   	 <ul id="submenue1" class="submenue">
				  	   	   	 <li><a href="../golden/huendinnen/baby.html">Baby</a></li>
				  	   	   	 <li><a href="../golden/huendinnen/lina.html">Lina</a></li>
				  	   	   	 <li><a href="../golden/huendinnen/daena.html" target="_blank">Daena</a></li>
				  	   	   	 <li><a href="../golden/huendinnen/lilly.html">Lilly</a></li>
				  	   	 </ul>
				  	 </li>
				  	 <li><a href="#" onclick="javascript:zeigen('submenue2')">R&uuml;den</a>
				  	   	 <ul id="submenue2" class="submenue">
				  	   	   	 <li><a href="../golden/rueden/don.html">Don</a></li>
				  	   	   	 <li><a href="../golden/rueden/eli.html">Eli</a></li>
				  	   	 </ul>
				  	 </li>
				  	 <li><a href="#" onclick="javascript:zeigen('submenue3')">Welpen</a>
			  	   	 <ul id="submenue3" class="submenue">
				  	   	   	 <li><a href="../golden/welpen/aktuell.html">Aktuell</a></li>
				  	   	   	 <li><a href="../golden/welpen/bisher.html">Bisher</a></li>
				  	   	   	 <li><a href="../golden/welpen/plan.html">Wurfplan</a></li>
			  	   	   </ul>
				  	 </li>
					 <li class="sep"><a href="#" onclick="javascript:zeigen('submenue4')">Labrador Retriever</a>
				  	   	 <ul id="submenue4" class="submenue">
				  	   	   	 <li><a href="../labrador/huendinnen/talea.html">Talea</a></li>
				  	   	   	 <li><a href="../labrador/huendinnen/smilla.html">Smilla</a></li>
				  	   	   	 <li><a href="../labrador/huendinnen/pepper.html">Pepper</a></li>
				  	   	 </ul>
				  	 </li>
					 <li><a href="#" onclick="javascript:zeigen('submenue5')">Welpen</a>
			  	   	 <ul id="submenue5" class="submenue">
				  	   	   	 <li><a href="../labrador/welpen/aktuell.html">Aktuell</a></li>
				  	   	   	 <li><a href="../labrador/welpen/bisher.html">Bisher</a></li>
				  	   	   	 <li><a href="../labrador/welpen/plan.html">Wurfplan</a></li>
			  	   	   </ul>
				  	 </li>
				  	 <li class="sep"><a href="#" onclick="javascript:zeigen('submenue6')">Galerie</a>
			  	   	 <ul id="submenue6" class="submenue">
				  	   	   	 <li><a href="#">Unsere Hunde</a></li>
				  	   	   	 <li><a href="#">Gemischt</a></li>
			  	   	   </ul>
				  	 </li>
				  	 <li><a href="#" onclick="javascript:zeigen('submenue7')">Memorian</a>
			  	   	 <ul id="submenue7" class="submenue">
				  	   	   	 <li><a href="../memory/lisa.html">Lisa</a></li>
			  	   	   </ul>
				  	 </li>
				  	 <li class="sep"><a href="#">Links</a></li>
				  	 <li><a href="#">Gästebuch</a></li>
				  	 <li><a href="#">Kontakt</a></li>
	  </ul>
				</div>
     
    .:::. until the end and back again .:::. no surrender .:::. by vnv nation .:::.
    Zitieren Zitieren
  2. 03.09.10 16:33 #2
    Avatar von zer0
    zer0 zer0 ist offline Mitglied Brokat
    Registriert seit
    Oct 2009
    Beiträge
    323
    Java != JavaScript!

    Falsches Forum, sollte verschoben werden!
     
    Zitieren Zitieren
  3. 03.09.10 16:39 #3
    Avatar von caltuna
    caltuna caltuna ist offline Mitglied
    Registriert seit
    May 2007
    Ort
    Bremen
    Beiträge
    17
    Oh Sorry******
    Das tut mir leid. Da habe ich mich versehen.

    Habe jetzt eh einen ONMOUSEOVER statt ONCLICK eingefügt und würde das Thema hier gerne löschen.

    Noch mal sorry!
     
    .:::. until the end and back again .:::. no surrender .:::. by vnv nation .:::.
    Zitieren Zitieren
« XML aus URL einlesen und einzelne Inhalte aus Tags ausgeben | Fragen aus xml auslesen und nach Kategorien sortieren. »

Ähnliche Themen

  1. Form1 soll Form2 Öffnen und sich selbst dann Schließen aber Form2 soll offen bleiben!
    Von beyoNd im Forum .NET Windows Forms
    Antworten: 13
    Letzter Beitrag: 05.10.11, 12:50
  2. wenn ein "mouseover" Bild geöffnet wird, bleiben die nachfolgenden auch sichtbar
    Von solala123 im Forum CSS
    Antworten: 3
    Letzter Beitrag: 17.10.10, 18:47
  3. ContextMenuStrip bei Klick geöffnet bleiben.
    Von Danielku15 im Forum .NET Windows Forms
    Antworten: 0
    Letzter Beitrag: 18.04.07, 18:02
  4. Toogle soll geöffnet bleiben
    Von MirakFH im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 14.01.06, 16:54
  5. Console (Eingabeaufforderung) geöffnet bleiben nach Aktion
    Von Goodfellas im Forum .NET Archiv
    Antworten: 3
    Letzter Beitrag: 19.07.05, 00:51

Stichworte