Willkommen in der Webstatt Zum Webstatt Blog und Stories
phore phore am 06.04.06 09:37

moin.

ich hab eine hauptnavigation und will bei einigen links eine subnavi einblenden - das sieht im moment so aus:

<div id="navigation">
<ul>
<li><a href="#">hauptlink</a></li>
<div id="subnavi">
<ul>
<li>sublink 1</li>
<li>sublink 1</li>
</ul>
</div>
</ul>
</div>


frage: wie kann ich mit javascript das layer 'subnavi' ein/ausblenden?
hast jemand ein guter code zur hand?

danke - phore

netcup.de Warum gibt es hier Werbung?
der_nic der_nic am 06.04.06 13:13

http://forum.webstatt.org/thread.php?threadid=471#post5781
;)

phore phore am 06.04.06 13:40

ah ok - danke.

BundeHund am 19.04.06 21:57

Hallo

Ich suche was ähnliches..es sollte aber mit divs funktionieren..ich habe dieses auch versucht mit divs zu richten..aber ich wusste nicht wie..

kennt jemand so ein divaufklapp script?

der_nic der_nic am 19.04.06 23:14

ähm... das oben IST mit Div's ;)

Billy Talent Billy Talent am 04.08.06 21:07

<script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
</script>

<a href="javascript:Klappen(1)"><img src="inhalt/codeschnipsel/plus.gif" id="Pic1" border=0 alt="aus/ein-klappen"></a>
Auf die Grafik klicken um zu klappen.
<div id="Lay1" style="display: none;"><hr>
Hier der Text den man aus/ein-klappen kann.
<br>Natürlich auch Grafiken oder alles andere.
</div>


Bitte schön

Al3x0r Al3x0r am 04.08.06 21:13

Quote
Original von Billy Talent
<script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
</script>

<a href="javascript:Klappen(1)"><img src="inhalt/codeschnipsel/plus.gif" id="Pic1" border=0 alt="aus/ein-klappen"></a>
Auf die Grafik klicken um zu klappen.
<div id="Lay1" style="display: none;"><hr>
Hier der Text den man aus/ein-klappen kann.
<br>Natürlich auch Grafiken oder alles andere.
</div>


Bitte schön


Dann gib auch die Quelle an. So sieht es aus als sei es von dir ... Finde ich ziemlich beschissen sowas.

Quelle: http://www.je0.de

mfg Alexander

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt