Edit: Erstes Problem gelöst, zweite Problem im vierten Beitrag.
Hi,
ich möchte mir auf Knopfdruck verschiedene Text anzeigen lassen. Wenn ich auf "Text 1" klicke soll mir Text 1 angezeigt werden. Klick ich auf "Text 2", dann soll Text 1 ausgeblendet werden und Text 2 eingeblendet werden. Das funktioniert zwar, aber leider springt immer die Forums-Seite nach oben. Es ist ein Burning Board® Forum. Schreib ich den Code in einer .txt, mit einem etwas zwei Seiten langem Text und setze dann "Text 1" und "Text 2" ans Ende des Textes, dann spring die Seite nicht. Ich möchte aber, dass sich die Forums-Seite nicht bewegt.
Wenn man einzeln die Texte auf- und zuklappt, dann springt die Seite nicht. Hier der Code
<script type="text/javascript"><!--
function togga(scea)
{
if (scea.style.display == "none")
{scea.style.display = "";}
else
{scea.style.display = "none";}
}
--></script>
<a href="#" onclick="togga(document.getElementById('aa') );return false"><b>Text 1</b></a>
<a href="#" onclick="togga(document.getElementById('bb') );return false"><b>Text 2</b></a>
<div id="aa" style="display:none">
1<br>
2<br>
3<br>
</div>
<div id="bb" style="display:none">
a<br>
b<br>
c<br>
</div>
Alles anzeigen
Und jetzt der Code bei dem die Seite springt:
<script type="text/javascript"><!--
function togga(scea)
{
if (scea == aa)
{aa.style.display = "";
bb.style.display = "none";}
else if (scea == bb)
{bb.style.display = "";
aa.style.display = "none";}
}
--></script>
<a href="#" onclick="togga(document.getElementById('aa') );return false"><b>Text 1</b></a>
<a href="#" onclick="togga(document.getElementById('bb') );return false"><b>Text 2</b></a>
<div id="aa" style="display:none">
1<br>
2<br>
3<br>
</div>
<div id="bb" style="display:none">
a<br>
b<br>
c<br>
</div>
Alles anzeigen
Hat jemand eine Idee wie ich es hinbekommen kann, dass der Scrollbalken nicht wieder ganz nach oben spring? Fall es wichtig ist, anstatt der Texte soll es Tabellen werden.