Tabel - synlig/usynlig
Hej.Jeg har fundet dette eksempel:
<html>
<head>
<script language="JavaScript">
function toggleShow(blok)
{ var blokElement = document.getElementById(blok);
if (blokElement.style.display =='')
{ blokElement.style.display = 'none';
} else {
blokElement.style.display='';
}
}
</script>
</head>
<body>
<div id="unik_div_id">
<% out.println("hej");%>
</div>
<a href='java script:toggleShow("unik_div_id");'>Vis detaljer</a>
</body>
</html>
------------------------------------------
Jeg ønsker noget ligende, nemlig dette:
Jeg har denne tabel:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="822*" border="1">
<tr>
<td><b>Detaljer</b></td>
<td><b>Fornavn</b></td>
<td><b>Efternavn</b></td>
</tr>
<tr>
<td>Vis detaljer</td>
<td>per</td>
<td>petersen</td>
</tr>
<tr>
<td>Vis detaljer</td>
<td>hans</td>
<td>hansen</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>
Når jeg trykker på detaljer på øverste linje, ønsker jeg at en ny tabel skal blive synlig, nemlig denne:
<table width="822*" border="1">
<tr>
<td>Fornavn</td>
<td>Efternavn</td>
<td>Adresse</td>
<td>Postnr</td>
<td>Tlfnr</td>
</tr>
<tr>
<td>Per</td>
<td>Petersen</td>
<td>Vej 5</td>
<td>8000</td>
<td>45654521</td>
</tr>
</table>
Når jeg trykker på detaljer igen skal den nederste tabel naturligvis forsvinde igen.
(Det skal laves på denne måde, da jeg senere ønsker at danne den nederste tabel dynamisk, alt efter hvad der trykkes på)
