Wolfskin: Zeilen ausfahren

Beitrag lesen

Hallo,
ich arbeite gerade mit JavaScript und muss feststellen, dass ich zu wenig Durchblick habe.
Ich will mit durch ein Mausklick eine Zeile an die Tabelle anfügen bzw. einblenden. Da der Inhalt der Zeilen aus einer Datenbank stammen, dachte ich mir, dass man die Zeilen evt. vordefiniert und bei bedarf einblendet (bei Mausklick).
Ich wüsste nicht wie es sonst funktionieren würde ohne das PHP-Script neu zu laden.
Die Zeile/Zeilen sollen bei erneuten Mausklick sich wieder ausblenden.

Mein Ansatz war folgender:

<script language= "JavaScript">
<!--
function schreiben()
{
var text2 = document.createTextNode('Eine nette Begüßung');
document.getElementById('c').appendChild(text2);
}

function loeschen()
{
var text = document.getElementById('c').firstChild;
text = document.getElementById('c').removeChild(text);
}

function init()
{
document.getElementById('a').onclick = schreiben;
document.getElementById('b').onclick = loeschen;
}
//-->
</script>
<body onLoad="init();">

<table border>
<tr>
<td id="a">open</td>
</tr>
<tr>
<td id="b">close</td>
</tr>
<tr>
<td id="c"></td>
</tr>
</table>

Leider habe ich es nicht hinbekommen, das es sich beu erneuten Mausklick auf die gleiche Zeile wieder einfährt. Vieleicht ist der ganze Ansatz auch falsch. Das Problem ist, das ich diesen Effekt auf bis zu 15 Tabellen auf einer Seite brauche. Diese Tabllen erhalten wiederum ihren Inhalt aus einer Datenbank (auch die aus/einblend-Zeile).