Hej kdjweb,
Tilføjede en ekstra metode som checker for om document.all er supported i stedet for getElementById. Jeg mener nemlig kun at getElementById virker tilbage til Explorer 5. Men anyways, jeg har udvidet scriptet yderligere så den understøtter at skjule en åben div når der klikkes på dens tilhørende knap.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html xmlns="
http://www.w3.org/TR/html401"> <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/JavaScript">
var divPrev = null;
function showHide(divId)
{
if(divPrev != null)
{
divPrev.style.display = "none";
if(divId == divPrev.id)
{
divPrev = null;
return;
}
}
divPrev = getElement(divId);
divPrev.style.display = "block";
}
function getElement(id)
{
if(document.all)
return document.all[id];
else
return document.getElementById(id);
}
</script>
</head>
<body>
<table>
<tr>
<td><input type="button" value="vis/skjul div1" onclick="showHide('div1');" /></td>
<td><input type="button" value="vis/skjul div2" onclick="showHide('div2');"/></td>
<td><input type="button" value="vis/skjul div3" onclick="showHide('div3');"/></td>
</tr>
<tr>
<td><div id="div1" style="display: none;">div1</div></td>
<td><div id="div2" style="display: none;">div2</div></td>
<td><div id="div3" style="display: none;">div3</div></td>
</tr>
</table>
</body>
</html>
Mvh.
- Snap :)
