Seite 1 von 1

Buttons - unterbuttons

Verfasst: 11.03.2006 15:05
von steffi1977
Hallo

Weiß einer wie man das macht wenn man ein Button anklickt und dann darunter neue buttons auf gehen und wenn man noch mal auf den Hauptbutton klickt gehen die "unter"Buttons wieder zu ?!?!?
Ich weiß nicht wie das heißt, daher konnte ich noch nicht suchen.
Ich meine kein Drop Down Menü.
(ist für eine HP, KEIN Forum)

Danke

Verfasst: 11.03.2006 17:57
von Pyramide
z.B. so:

Code: Alles auswählen

<script language="JavaScript">
function ein_ausblenden() {
	style = document.getElementById('mehr').style;
	if(style.display == 'none') {
		style.display = 'block';
		link.innerHTML = 'Ausblenden';
	}
	else {
		style.display = 'none';
		link.innerHTML = 'Einblenden';
	}
}
</script>
<a id="link" href="Javascript:ein_ausblenden()">Einblenden</a><br>
<div id="mehr" style="display:none">Lorem ipsum dolor si amet</div>

Verfasst: 11.03.2006 18:01
von steffi1977
genau so :)

Aber die "unter"buttons sollen auch verlinkt werden.

Verfasst: 11.03.2006 18:05
von Pyramide
Da kannst du ja einsetzen was du willst... das Lorem ipsum ist nur ein Platzhalter.

Verfasst: 11.03.2006 18:16
von steffi1977
danke

Verfasst: 11.03.2006 18:20
von Jan88
Jeht da auch irgendwie ohne Java?
Also nur html und CSS???

Verfasst: 11.03.2006 18:36
von Pyramide
Durch Anklicken ist mir keine Möglichkeit bekannt. Wenn dir Hover reicht, kannst du dir z.B. dieses Beispiel von Eric Meyer angucken: http://www.meyerweb.com/eric/css/edge/menus/demo.html

Verfasst: 11.03.2006 22:07
von miccom
es gibt auch eine css lösung die im ie funktioniert:
http://www.1ngo.de/web/bildwechsel.html

Verfasst: 26.04.2006 13:42
von steffi1977
Pyramide hat geschrieben:z.B. so:

Code: Alles auswählen

<script language="JavaScript">
function ein_ausblenden() {
	style = document.getElementById('mehr').style;
	if(style.display == 'none') {
		style.display = 'block';
		link.innerHTML = 'Ausblenden';
	}
	else {
		style.display = 'none';
		link.innerHTML = 'Einblenden';
	}
}
</script>
<a id="link" href="Javascript:ein_ausblenden()">Einblenden</a><br>
<div id="mehr" style="display:none">Lorem ipsum dolor si amet</div>
Also wenn ich auf "Einblenden" klicke soll eine Seite aufgehen und automatisch da drunter das "lorem ..."
Wie setze ich den die Links dafür und wo ??