Hej.
Jeg har en tabel, hvor det er muligt at klikke på en af rækkerne
for at få en "informations-række" til at dukke frem (det har jeg
brugt javascript til).
Koden ser således ud:
<!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 = 'inline'
}
}
}
</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="4">
<table border="0">
<tr><td>column1</td><td>column2</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
<tr><td>1</td><td>abadd</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
<tr><td>5</td><td>cddad</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
<tr><td>30</td><td>asfddf</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
</table>
</td>
</tr>
<tr onclick="expand(2)">
<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="e2" style="display:none">
<td colspan="4">
<table border="0">
<tr><td>column1</td><td>column2</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
<tr><td>1</td><td>abadd</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
<tr><td>5</td><td>cddad</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
<tr><td>30</td><td>asfddf</td></tr>
<tr><td><img src="space.gif" height="1"
width="100%"></td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
(Dette er kun en testfil, så indholdet er ikke relevant).
Når jeg klikker på en række, dukker den nye række op som
forventet, men colspan="4" virker ikke. Jeg har dog fundet ud af,
at hvis jeg fjerner: style="display:none", så virker det.
I kan se det her:
http://www.praxicweb.dk/toggle.htm
Nogen forslag?
Mvh Haris
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials