| |
Vorheriges Thema:
Nächstes Thema: |
| Autor |
Nachricht |
grand
Anmeldungsdatum: 08.07.2009
Beiträge: 4
|
 Verfasst am: 08.07.2009 10:46:23 Titel: DIV Layer Anzeigen und anderen Ausblenden |
 |
|
Hallo Zusammen,
ich habe eine Funktion mit der ich per Klick auf einen Link ein DIV Einblenden kann.
Wie kann ich diese Funktion erweitern dass wenn "1" eingeblendet ist und ich auf "2" Klicke soll "1" wieder ausgeblendet werden.
Die Funktion bis jetzt:
| Code: |
<script type="text/javascript">
function anzeigen(das){
document.getElementById(das).style.display='block';}
</script>
<a onclick="anzeigen('1')">1</a>
<div id="1" style="display:none;">Test1</div>
<a onclick="anzeigen('2')">2</a>
<div id="2" style="display:none;">Test2</div>
|
Hoffe mir kann jemand Weiterhelfen.
Viele Grüße |
|
| Nach oben |
|
 |
Frosty
Häufiger Poster
Anmeldungsdatum: 27.10.2008
Beiträge: 221
|
| Verfasst am: 08.07.2009 14:53:25 Titel: |
|
|
| Code: |
<script type="text/javascript">
function anzeigen(das){
for(i=1;i<=2;i++) {
document.getElementById(i).style.display='none';}
document.getElementById(das).style.display='block';}
</script>
<a onclick="anzeigen('1')">1</a>
<div id="1" style="display:none;">Test1</div><br>
<a onclick="anzeigen('2')">2</a>
<div id="2" style="display:none;">Test2</div> |
|
|
| Nach oben |
|
|
grand
Anmeldungsdatum: 08.07.2009
Beiträge: 4
|
| Verfasst am: 08.07.2009 15:33:25 Titel: |
|
|
Danke für die Antwort. Klappt auch super.
Nur wie stell ich das jetzt an wenn ich das ganze noch um einige Container erweiter will?
| Code: |
<a onclick="anzeigen('3')">3</a>
<div id="3" style="display:none;">Test3</div>
<a onclick="anzeigen('4')">4</a>
<div id="4" style="display:none;">Test4</div>
usw...
|
Viele Grüße, |
|
| Nach oben |
|
|
Frosty
Häufiger Poster
Anmeldungsdatum: 27.10.2008
Beiträge: 221
|
| Verfasst am: 08.07.2009 15:38:53 Titel: |
|
|
Dann passt du die Abbruchbindingung in der for-Schleife entsprechend den Zahlen an.
Bei 3 Containern :
| Code: |
for(i=1;i<=3;i++) {
document.getElementById(i).style.display='none';} |
Bei 4 Containern :
| Code: |
for(i=1;i<=4;i++) {
document.getElementById(i).style.display='none';} |
usw. usf. |
|
| Nach oben |
|
|
grand
Anmeldungsdatum: 08.07.2009
Beiträge: 4
|
| Verfasst am: 08.07.2009 16:03:45 Titel: |
|
|
| Läuft perfekt. Danke!! |
|
| Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|
FAQ
Suchen
Mitgliederliste
Benutzergruppen
Registrieren
Profil
Einloggen, um private Nachrichten zu lesen
Login
