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 ??