Thomas Meinike: display:none

Beitrag lesen

Hallo,

dis hab ich versucht, funktioniert leider nicht. kann mir jemand sagen wie ich es schaffe nen ganzen block mit tr's zu verbergen?

Vielleicht hilft Dir dieses Experiment weiter:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 07/02</title>
<script language="JavaScript" type="text/javascript">
<!--

function TRsOff(von,bis)
{
  var trs=document.getElementsByTagName("tr");
  for(i=von-1;i<bis;i++)
  {
    trs[i].style.display="none";
  }
}

function TRsOn()
{
  var trs=document.getElementsByTagName("tr");
  for(i=0;i<trs.length;i++)
  {
    trs[i].style.display="block";
  }
}

//-->
</script>
</head>
<body>
<table border="1" width="50%">
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
<tr>
<td>5</td>
</tr>
</table>
<form action="">
<input type="button" value="Off" onclick="TRsOff(2,4)">
<input type="button" value="On" onclick="TRsOn()">
</form>
</body>
</html>

TRsOff(2,4) blendet die Reihen 2 bis 4 aus. Im IE sind die Reihen komplett verschwunden, unter Mozilla bleibt die Tabelle bestehen und beim Wiedereinblenden ist die alte Breite weg. Ist vielleicht ausbaufaehig.

MfG, Thomas