Hi zusammen, könnt ihr mir weiter helfen, was an dem code falsch ist?
function show(me)
{
for(i=1; i<=10; i++) //angenommen es gibt test1-test10
{
var tmplnk = me+i;
var tmpcnt = i+ueber;
if(tmplnk == me)
{
document.getElementById(me).style.display = 'block';
document.getElementById(tmpcnt).style.backgroundColor = '#000000';
}
else
{
document.getElementById(me).style.display = 'none';
document.getElementById(tmpcnt).style.backgroundColor = '#ffffff';
}
}
}
Und im body-bereich wird ein Link so aufgerufen:
<table>
<tr>
<td height="10" align="center" id="1ueber">
<a href="javascript:show('test1')">Testversuch1</a>
</td>
</tr>
<tr>
<td>
<div id="test1" class="margin" style="display:none;">
<center>12345</center>
</div>
</td>
</tr>
<tr>
<td height="10" align="center" id="2ueber">
<a href="javascript:show('test2')">Testversuch2</a>
</td>
</tr>
<tr>
<td>
<div id="test2" class="margin" style="display:none;">
<center>12345</center>
</div>
</td>
</tr>
.
.
.usw...
</table>
Mit dieser function öffnet sich garkein Link.
Einmal soll mit einer Id (die id mit prefix) die Hintergrundfarbe der Tabellenzelle geändert werden, sobald der Link geöffnet wurde. Und zum zweiten sollen alle anderen Links geschlossen werden, sobald ich einen Link anklicke. Hoffe das ist einigermaßen verständlich?!
Nun hatte ich bereits Tips aus dem Forum bekommen, aber wahrscheinlich ist der Beitrag jetzt schon zu alt, dass ihn keiner mehr ließt und ich keine Antworten bekomme. Bitte nicht löschen.
Gruß Chris