zwichen 2 Bereichen umschalten
ich
- javascript
0 wucher wichtel0 ich
Das Ziel ist, das wenn Bereich T aktiv ist, das dann nur der Link zu Bereich M angezeigt wird und wenn Bereich M aktiv ist, soll nur der Link zu Bereich T angezeigt werden.
Das Problem ist der der Link zu Bereich T immer angezeigt wird.
<script type="text/javascript">
function ChangeDisplay(id_){
// block oder none
obj = document.getElementById(id_); // Element auswaehlen
if(obj.style.display == "none") // Falls das Element Sichtbar ist...
{
obj.style.display="block"; // ... Ausblenden
}
else
{
obj.style.display="none"; // ...ansonsten Einblenden
}
}
</script>
<div id="filter" style="display:none;text-align:center;">
<a href="javascript:ChangeDisplay('filter')" class="stwc_link">Bereich M</a>
</div>
<div id="filter" style="display:block;text-align:center;">
<a href="javascript:ChangeDisplay('filter')" class="stwc_link">Bereich T</a>
</div>
Hallo!
</script>
<div id="filter" style="display:none;text-align:center;">
<a href="javascript:ChangeDisplay('filter')" class="stwc_link">Bereich M</a>
</div>
<div id="filter" style="display:block;text-align:center;">
<a href="javascript:ChangeDisplay('filter')" class="stwc_link">Bereich T</a>
</div>
Eine ID darf nur einmal in einem Dokument vorkommen. Woher soll der Browser wissen, welchen Bereich du meinst?
Vergib also eindeutige Namen für die IDs und probiers dann nochmal.
ciao, Lukas
Wenn ich eindeutige IDs vergebe, und die Links abändere geht es:
<a href="javascript:ChangeDisplay('filter');javascript:ChangeDisplay('filter2');">Bereich M</a>
<a href="javascript:ChangeDisplay('filter');javascript:ChangeDisplay('filter2');">Bereich T</a>