So, ich mach's jetzt so:
function ShowBeschreibungTab(showtab_index)
{
for (var i = 0; i < document.getElementById("auswahl_beschreibung").getElementsByTagName("LI").length; i++)
{
if (i == showtab_index)
{
document.getElementById("auswahl_beschreibung_" + i).style.display = 'block';
document.getElementById("auswahl_beschreibung").getElementsByTagName("LI")[i].className = 'TabActive';
}
else
{
document.getElementById("auswahl_beschreibung_" + i).style.display = 'none';
document.getElementById("auswahl_beschreibung").getElementsByTagName("LI")[i].className = 'TabInactive';
}
}
}
Mein HTML dazu schaut so aus:
<fieldset>
<div id="auswahl_beschreibung">
<ul class="tabs">
<li><span class="left"></span><a href="javascript: ShowBeschreibungTab(0);">Deutsch</a><span class="right"></span></li>
<li><span class="left"></span><a href="javascript: ShowBeschreibungTab(1);">English</a><span class="right"></span></li>
<li><span class="left"></span><a href="javascript: ShowBeschreibungTab(2);">Portuguesa</a><span class="right"></span></li>
</ul>
</div>
<legend>Description</legend>
<div id="auswahl_beschreibung_0">
<textarea id="Descriptiontext" name="textDescription_0">{textDescription} deutsch</textarea>
</div>
<div id="auswahl_beschreibung_1">
<textarea id="Descriptiontext" name="textDescription_1">{textDescription} english</textarea>
</div>
<div id="auswahl_beschreibung_2">
<textarea id="Descriptiontext" name="textDescription_2">{textDescription} portuguesa</textarea>
</div>
</fieldset>
Ich muß die DIVs dann innerhalb des HTML-Templates aufbauen (was hier noch nicht vorbereitet ist), aber das ist das geringste Problem.
Prima, Gernot! Dein tipp hat mir schon weitergeholfen! Manchmal steht man aber auch auf dem Schlauch...
Danke & viele Grüße,
Christian