function meineFunktion(itemID) {
document.getElementById(itemID).className = 'active'; // Klasse vom Reiter wird geändert
document.getElementById('divlayer_'+itemID).style.display = 'inline'; // Divlayer wird angezeigt
}
</script>
</head><body>
<span id="Reiter1" class="no_active">
<a href="javascript:meineFunktion('Reiter1');">Klick auf Reiter 1</a></span>
<div id="divlayer_Reiter1" style="display:none;">
<font color="white">Hier steht der ganze Text für Reiter 1 mit ganz viel Inhalt.......</font>
</div>
<span id="Reiter2" class="no_active">
<a href="javascript:meineFunktion('Reiter2');">Klick auf Reiter 2</a></span>
<div id="divlayer_Reiter2" style="display:none;">
<font color="white">Hier steht der ganze Text für Reiter 2 mit ganz viel Inhalt.......</font>
</div>
<span id="Reiter3" class="no_active">
<a href="javascript:meineFunktion('Reiter3');">Klick auf Reiter 3</a></span>
<div id="divlayer_Reiter3" style="display:none;">
<font color="white">Hier steht der ganze Text für Reiter 3 mit ganz viel Inhalt.......</font>
Die drei Content-DIVs (divlayer_%) sind per CSS übereinander positioniert. Aufgrund der Reihenfolge der Definition liegt divlayer_Reiter3 über divlayer_Reiter2 und divlayer_Reiter2 über divlayer_Reiter1.
Wenn du also bspw. den ersten Reiter wieder anzeigen möchtest, nachdem der dritte Reiter aktiviert war, musst du den dritten Reiter zunächst ausblenden... Die drei oben aufgeführten Zeilen blenden alle drei Reiter aus, sodass der vom Benutzer aktivierte Reiter mittels
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.
Mediengestalter.info ist ein Projekt von Webformatik:: Forensoftware: phpBB