birnensaft
Grünschnabel
Hallo!
Ich habe nicht viel Ahnung von Javascript, habe mir ein fertiges Script hergenommen und an meine Bedürfnisse angepasst.
Es handelt sich um eine Einblend-/Ausblendfunktion. Das Script funktioniert einwandfrei, wenn ich auf Link A klicke, blendet der Text ein und bei nochmaligem Klick auf Link A blendet er wieder aus, genauso bei Link B.
Was ich jetzt noch bräuchte, ist, dass Text A automatisch ausblendet, wenn ich auf Link B klicke und umgekehrt, sodass immer nur 1 eingeblendeter Text sichtbar ist.
Auf meiner Seite gibt es 8 Listenpunkte, die einzublendende Texte beinhalten, und es soll eben immer nur 1 Text eingeblendet sein, alle anderen ausgeblendet.
Lässt sich das leicht mit diesem Script umsetzen? Wenn ja, wie?
Hier sind die Ausschnitte des Quelltexts:
<script type="text/javascript">
//<![CDATA[
function swap(openlink,closelink, linkid, dataid)
{
if( document.getElementById(dataid).style.display == 'none')
{
document.getElementById(dataid).style.display='inline';
document.getElementById(linkid).firstChild.nodeValue=closelink;
} else
{
document.getElementById(dataid).style.display='none';
document.getElementById(linkid).firstChild.nodeValue=openlink;
}
}
//]]>
</script>
<li><a href="#" onclick="javascript:swap('TextA','TextA', 'swaplinkta', 'hidemeta')" id="swaplinkta" onfocus="this.blur()" name="swaplinkta">LinkA</a></li>
<div id="hidemeta" style="display:none">
Einzublendender TextA<br>
</div><br>
<li><a href="#" onclick="javascript:swap('TextB','TextB', 'swaplinktb', 'hidemetb')" id="swaplinktb" onfocus="this.blur()" name="swaplinktb">LinkB</a></li>
<div id="hidemetb" style="display:none">
Einzublendender TextB<br>
</div><br>
Vielen Dank schon mal!
Lg birnensaft
Ich habe nicht viel Ahnung von Javascript, habe mir ein fertiges Script hergenommen und an meine Bedürfnisse angepasst.
Es handelt sich um eine Einblend-/Ausblendfunktion. Das Script funktioniert einwandfrei, wenn ich auf Link A klicke, blendet der Text ein und bei nochmaligem Klick auf Link A blendet er wieder aus, genauso bei Link B.
Was ich jetzt noch bräuchte, ist, dass Text A automatisch ausblendet, wenn ich auf Link B klicke und umgekehrt, sodass immer nur 1 eingeblendeter Text sichtbar ist.
Auf meiner Seite gibt es 8 Listenpunkte, die einzublendende Texte beinhalten, und es soll eben immer nur 1 Text eingeblendet sein, alle anderen ausgeblendet.
Lässt sich das leicht mit diesem Script umsetzen? Wenn ja, wie?
Hier sind die Ausschnitte des Quelltexts:
<script type="text/javascript">
//<![CDATA[
function swap(openlink,closelink, linkid, dataid)
{
if( document.getElementById(dataid).style.display == 'none')
{
document.getElementById(dataid).style.display='inline';
document.getElementById(linkid).firstChild.nodeValue=closelink;
} else
{
document.getElementById(dataid).style.display='none';
document.getElementById(linkid).firstChild.nodeValue=openlink;
}
}
//]]>
</script>
<li><a href="#" onclick="javascript:swap('TextA','TextA', 'swaplinkta', 'hidemeta')" id="swaplinkta" onfocus="this.blur()" name="swaplinkta">LinkA</a></li>
<div id="hidemeta" style="display:none">
Einzublendender TextA<br>
</div><br>
<li><a href="#" onclick="javascript:swap('TextB','TextB', 'swaplinktb', 'hidemetb')" id="swaplinktb" onfocus="this.blur()" name="swaplinktb">LinkB</a></li>
<div id="hidemetb" style="display:none">
Einzublendender TextB<br>
</div><br>
Vielen Dank schon mal!
Lg birnensaft