Autor |
Nachricht |
xBe
Threadersteller
Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 25.05.2009 11:26
Titel [solved] - [JS] per onClick mehrere divs ausblenden |
|
|
Hallo zusammen,
wie stelle ich es an, dass sich 4 von 5 divs ausblenden wenn ich auf einen button drücke...?
Oder anders:
BUTTON1 klicken -> 2, 3, 4, 5 blenden sich aus
BUTTON2 klicken -> 1,3,4,5 blenden sich aus
ect. ect.
Ich hoffe ihr wisst was ich meine
LG
xBe
Zuletzt bearbeitet von xBe am Mo 25.05.2009 11:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 25.05.2009 11:27
Titel
|
|
|
was haste denn bis jetzt?
|
|
|
|
|
Anzeige
|
|
|
xBe
Threadersteller
Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 25.05.2009 11:38
Titel
|
|
|
Kash hat geschrieben: | was haste denn bis jetzt? |
ich habe folgende funktion:
Code: | <script language="JavaScript">
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script> |
und natürlich auch einen knopp mit:
Code: | <a href="#" onclick="setVisibility('hiddendiv1','none');">weg</a> |
dazu noch meine divs:
Code: | <div id="hiddendiv1">
KANDIDAT 1
</div>
<div id="hiddendiv2">
KANDIDAT 2
</div>
<div id="hiddendiv3">
KANDIDAT 3
</div>
<div id="hiddendiv4">
KANDIDAT 4
</div>
<div id="hiddendiv5">
KANDIDAT 5
</div> |
Ich möchte, das es so funktioniert...
Code: | <a href="#" onclick="setVisibility('hiddendiv1','hiddendiv2','hiddendiv3','hiddendiv4''none');">weg</a>
|
Das heisst das von diesen 5 divs immer einer stehen bleibt
|
|
|
|
|
_eris_
Dabei seit: 19.09.2007
Ort: -> · <-
Alter: 38
Geschlecht:
|
Verfasst Mo 25.05.2009 11:40
Titel
|
|
|
hm da hab ich letztens was mit nem mouseover-layer gefrickelt.
sollte auch mit dem oncklick-befehl funktionieren - müsstest du wohl selber umbauen:
das zuversteckende div hat geschrieben: | <div id="idname">
Blabla
</div>
|
style des divs hat geschrieben: | #idname {
position:absolute;
left:22px;
bottom:140px;
width: 100px;
height:100px;
visibility: hidden;
}
|
position etc. kannst du ja selber definieren...
Der event-auslösende Teil hat geschrieben: | <a
onMouseOver="document.getElementById('idname').style.visibility='visible';"
onMouseOut="document.getElementById('idname').style.visibility='hidden';">
<img src="bild.jpg"/>
</a>
|
ich hoffe das hilft dir weiter - ich hab für den mist fast nen halben tag dran gesessen
Zuletzt bearbeitet von _eris_ am Mo 25.05.2009 11:41, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
|
|
|
|
xBe
Threadersteller
Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 25.05.2009 11:59
Titel
|
|
|
Klasse Danke Leute
Funktioniert
|
|
|
|
|
|
|
|
Ähnliche Themen |
[Javascript] Divs ein- und ausblenden
onclick-Event bei onclick dieses Elements ändern
JS - Onclick in PHP-DB-Abfrage...
onclick funktion
Zufallsbild mit Onclick...
onClick Handler
|
|