Hi Helge :)
ich hab hier mal was für dich :)
<html>
<head>
<script type="text/javascript" language="JavaScript">
/* Funktion zum verstecken eines Verweises (= Link) */
function LinkVerstecken (Zeile)
{
/* Manche Browser, vorallem ätlere kennen das Objekt "getElemntsByTagName" nicht!
Deshalb wird hier zuerst geprüft ob das Objekt existiert. */
if (document.getElementsByTagName)
{
/* Zuerst wieder alle Links sichtbar machen. */
for (i = 0; i < document.getElementsByTagName('tr').length; i++)
{
document.getElementsByTagName('tr')[i].style.visibility = 'visible';
}
/* Nun den Link auf den geklickt wurde verstecken. */
Zeile.style.visibility = 'hidden';
}
}
</script>
</head>
<body>
<table border=1 cellpadding=2 cellspacing=0 width=100>
<tr onclick="LinkVerstecken (this);">
<td>
Link 1
</td>
</tr>
<tr onclick="LinkVerstecken (this);">
<td>
Link 2
</td>
</tr>
<tr onclick="LinkVerstecken (this);">
<td>
Link 3
</td>
</tr>
<tr onclick="LinkVerstecken (this);">
<td>
Link 4
</td>
</tr>
<tr onclick="LinkVerstecken (this);">
<td>
Link 5
</td>
</tr>
</table>
</body>
</html>
Sobald auf eine Zeile geklickt wird... wird die Funktion zum verstecken eines Links aufgerufen. An diese Funktion wird die Zeile auf die geklickt wurde (this) übergeben.
Da vorallem ältere Browser das Objekt getElementsByTagName nicht kennen und um so JavaScript-Fehler zu vermeiden prüft die Funktion zuerst ob das Objekt wirklich existiert.
Nun werden zuerst alle Zeilen sichtbar gemacht.
Anschließend wird die betreffende Zeile versteckt.
Wie du siehst brauchst du, wenn du neue Zeilen anhängst oder dazwischen schreibst bei dem Funktionsaufruf onclick="LinkVerstecken (this);" nichts mehr zu ändern :)
Ich hab das eben aufgebaut und getestet. Funktioniert tadellos :)
Ich hoffe ich konnte dir helfen :)
LG,
Robert