mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:06 Benutzername: Passwort: Auto-Login

Thema: [solved] - [JS] per onClick mehrere divs ausblenden vom 25.05.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [solved] - [JS] per onClick mehrere divs ausblenden
Autor Nachricht
xBe
Threadersteller

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Mo 25.05.2009 11:26
Titel

[solved] - [JS] per onClick mehrere divs ausblenden

Antworten mit Zitat Zum Seitenanfang

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 Lächel

LG
xBe


Zuletzt bearbeitet von xBe am Mo 25.05.2009 11:59, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 25.05.2009 11:27
Titel

Antworten mit Zitat Zum Seitenanfang

was haste denn bis jetzt?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
xBe
Threadersteller

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Mo 25.05.2009 11:38
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden
_eris_

Dabei seit: 19.09.2007
Ort: -> · <-
Alter: 38
Geschlecht: Weiblich
Verfasst Mo 25.05.2009 11:40
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 25.05.2009 11:50
Titel

Antworten mit Zitat Zum Seitenanfang

mal so als ansatz
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
xBe
Threadersteller

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Mo 25.05.2009 11:59
Titel

Antworten mit Zitat Zum Seitenanfang

choise hat geschrieben:
mal so als ansatz


*Thumbs up!*

Klasse Danke Leute Lächel

Funktioniert Lächel
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.