Auf Thema antworten 2026

Beitrag

<blockquote data-quote="McLoude" data-source="post: 1219282" data-attributes="member: 368432">AW: collapse/expand mit Sonderwünschen^^Also, ich habe in einem Admin mal ne Lösung gebaut (habe ich auch damals nur irgendwo mal gelesen) die allein mit CSS funktionierte. Hier mal Teile des Codes in der HTML-Seite:[HTML]&lt;ul id=&quot;menue&quot;&gt;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; onClick=&quot;javascript:zeigen(&#039;submenue1&#039;)&quot;&gt;Dein Hauptpunkt1&lt;/a&gt;&nbsp; &nbsp; &lt;ul id=&quot;submenue1&quot; class=&quot;submenue&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dein Unterpunkt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#&quot; onClick=&quot;javascript:zeigen(&#039;submenue2&#039;)&quot;&gt;Dein Hauptpunkt2&lt;/a&gt;&nbsp; &nbsp; &lt;ul id=&quot;submenue2&quot; class=&quot;submenue&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dein Unterpunkt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &lt;/li&gt;&lt;/ul&gt;[/HTML]In der CSS-Datei, da sind meine Angaben noch drin:[CODE]ul#menue li a + ul.submenue{&nbsp;display: none;}ul#menue li a:focus + ul.submenue {&nbsp;display: block;}ul, li {&nbsp; &nbsp;&nbsp; margin: 0;&nbsp; &nbsp;&nbsp; padding: 0;&nbsp; &nbsp;&nbsp; list-style-type: none;}ul#menue {&nbsp; &nbsp;&nbsp; width: 100%;&nbsp; &nbsp;&nbsp; margin: 0 0 0 0;&nbsp; &nbsp;&nbsp; font-family: Verdana, Arial, Helvetica, sans-serif;&nbsp; &nbsp;&nbsp; font-size: 11px;&nbsp; &nbsp;&nbsp; font-weight: bold ;&nbsp; &nbsp;&nbsp; }ul#menue li a {&nbsp; &nbsp;&nbsp; margin: 2px 8px 2px;&nbsp; &nbsp;&nbsp; height: 20px;&nbsp; &nbsp;&nbsp; line-height: 25px;&nbsp; &nbsp;&nbsp; text-align: left;&nbsp; &nbsp;&nbsp; display: block;&nbsp; &nbsp;&nbsp; text-decoration: none;&nbsp; &nbsp;&nbsp; color: #666666&nbsp; &nbsp;&nbsp; }ul#menue li a + ul.submenue{&nbsp; &nbsp;&nbsp; display: none;}ul#menue li a:focus + ul.submenue {&nbsp; &nbsp;&nbsp; display: block;}ul.submenue{&nbsp; &nbsp;&nbsp; margin: 0px 0px;&nbsp; &nbsp;&nbsp; font-weight:normal ;}[/CODE]Und dann halt leider nochmal ein JavaScript, da der IE6 (bei den neuen weiß ich nicht) diese CSS-Eigenschaften nicht versteht, den packste in den Headbereich:[CODE]&lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;window.onload=zeigen;function zeigen(id) {&nbsp;for (var i = 1; i&lt;=100; i++) &nbsp;{&nbsp; &nbsp; if (document.getElementById(&quot;submenue&quot;+i)) &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;submenue&quot;+i).style.display=&quot;none&quot;;&nbsp; &nbsp; }&nbsp;}&nbsp;if (document.getElementById(id)) &nbsp;{&nbsp; &nbsp;&nbsp; document.getElementById(id).style.display=&quot;block&quot;;&nbsp;}}&lt;/script&gt;[/CODE]Also bei mir funzt das bestens. Da ist halt nur jetzt kein Plus-Minus bei. Ich will es nur mal geposted haben, dass es auch (fast) ohne JS geht ;-)</blockquote>

[QUOTE="McLoude, post: 1219282, member: 368432"] [b]AW: collapse/expand mit Sonderwünschen^^[/b] Also, ich habe in einem Admin mal ne Lösung gebaut (habe ich auch damals nur irgendwo mal gelesen) die allein mit CSS funktionierte. Hier mal Teile des Codes in der HTML-Seite: [HTML] <ul id="menue"> <li><a href="#" onClick="javascript:zeigen('submenue1')">Dein Hauptpunkt1</a> <ul id="submenue1" class="submenue"> <li><a href="#">Dein Unterpunkt</a></li> </ul> </li> <li><a href="#" onClick="javascript:zeigen('submenue2')">Dein Hauptpunkt2</a> <ul id="submenue2" class="submenue"> <li><a href="#">Dein Unterpunkt</a></li> </ul> </li> </ul> [/HTML] In der CSS-Datei, da sind meine Angaben noch drin: [CODE] ul#menue li a + ul.submenue { display: none; } ul#menue li a:focus + ul.submenue { display: block; } ul, li { margin: 0; padding: 0; list-style-type: none; } ul#menue { width: 100%; margin: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold ; } ul#menue li a { margin: 2px 8px 2px; height: 20px; line-height: 25px; text-align: left; display: block; text-decoration: none; color: #666666 } ul#menue li a + ul.submenue { display: none; } ul#menue li a:focus + ul.submenue { display: block; } ul.submenue { margin: 0px 0px; font-weight:normal ; } [/CODE] Und dann halt leider nochmal ein JavaScript, da der IE6 (bei den neuen weiß ich nicht) diese CSS-Eigenschaften nicht versteht, den packste in den Headbereich: [CODE] <script language="JavaScript" type="text/javascript"> window.onload=zeigen; function zeigen(id) { for (var i = 1; i<=100; i++) { if (document.getElementById("submenue"+i)) { document.getElementById("submenue"+i).style.display="none"; } } if (document.getElementById(id)) { document.getElementById(id).style.display="block"; } } </script> [/CODE] Also bei mir funzt das bestens. Da ist halt nur jetzt kein Plus-Minus bei. Ich will es nur mal geposted haben, dass es auch (fast) ohne JS geht ;-) [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?