ManicMarble
Erfahrenes Mitglied
Guten Abend,
ich würde gerne per JS einen ganzen Block von Tabellenzeilen auf einen Schlag ein- oder ausblenden. Ein Beispiel-Skript sag mehr als 1000 Worte:
So funktioniert das aber offensichtlich nicht. Ich möchte allerdings vermeiden, allen <tr>s Namen geben zu müssen um sie dann in einer Schleife auszublenden Das obige Skript ist nur ein stark vereinfachtes Beispiel, das echte ist viel komplexer und in eine PHP-MySQL-Template-Engine-Umgebung eingebettet und es gibt natürlich auch mehrere Blöcke die ein-/ausgeblendet werden sollen.
Jemand 'ne Idee?
ich würde gerne per JS einen ganzen Block von Tabellenzeilen auf einen Schlag ein- oder ausblenden. Ein Beispiel-Skript sag mehr als 1000 Worte:
HTML:
<script language="JavaScript" type="text/javascript">
function showHide(id) {
var dasDiv = document.getElementById(id);
if (dasDiv.style.display == 'block') {
dasDiv.style.display = 'none';
} else {
dasDiv.style.display = 'block';
}
}
</script>
<a href="javascript:void showHide('xy');">
Ein-/Ausblenden
</a>
<table>
<tr>
<td>Hallo</td>
<td>Welt</td>
</tr>
<div id="xy" style="display:block"> <!-- die Zeilen von hier -->
<tr>
<td>Hello</td>
<td>World</td>
</tr>
<tr>
<td>Hola</td>
<td>Mundo</td>
</tr>
<tr>
<td>Bonjour</td>
<td>Monde</td>
</tr>
</div> <!-- bis hier sollen ausblendbar sein -->
<tr>
<td>Ciao</td>
<td>Mondo</td>
</tr>
</table>
Jemand 'ne Idee?