Colspan gider ikke som forventet
Hej.Jeg har en tabel, hvor man kan klikke på rækkerne, så der vises en ny række under - altså et toggle script. Det, jeg så gerne vil have skal ske med den nye række, er, at den skal være lang - altså med colspan.
Jeg har denne kode.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> tabletest </title>
<script language="javascript" type="text/javascript">
function expand(sec){
thisSec = document.getElementById('e' + sec);
if (thisSec){
if (thisSec.style.display != 'none'){
thisSec.style.display = 'none'
}
else{
thisSec.style.display = 'block'
}
}
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="950" border="1">
<tr onclick="expand(1)">
<td>toggle abbbccaaaaa</td>
<td align="right"> 75</td>
<td align="right"> 12</td>
<td align="right"> 325</td>
<td align="right"> 115</td>
<td align="right"> 105</td>
</tr>
<tr id="e1" style="display:none;">
<td colspan="6">Dropdown</td>
</table>
</body>
</html>
Jeg har en anelse om, hvor problemet kan ligge - nemlig her:
style="display:none;"
Hvis jeg fjerne ovenstående, vises det som det skal, men ovenstående er jo en del af scriptet, så det er ikke der, løsningen skal være.
I kan se det her (både med og uden style="display:none;"):
www.praxicweb.dk/toggle.htm
Nogen forslag?