Display: block/none firefox vs IE problem
Jeg vil gerne lave en tabel, hvorpå jeg kan fjerne og indsætte (vise og skjule) rækker, når man trykker på knapper. For at teste det har jeg lavet et script der virker som det skal i IE, men i firefox opfører det sig underligt:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function Skjul(s) {
var s;
st=document.getElementById(s).style;
st.display=(st.display=='none')?'block':'none';
}
</script>
</head>
<body>
<table border="1" id="hele">
<tr id="1">
<td>Skjul denne række</td>
</tr>
<tr id="2">
<td>Skjul denne række</td>
</tr>
<tr id="3">
<td>Skjul denne række</td>
</tr>
</table>
<input type="button" name="skjul" onclick="Skjul('1');" value="skjul 1">
<input type="button" name="skjul" onclick="Skjul('2');" value="skjul 2">
<input type="button" name="skjul" onclick="Skjul('3');" value="skjul 3">
<input type="button" name="skjul" onclick="Skjul('hele');" value="skjul det hele">
</body>
</html>
Prøv evt. selv i firefox, det lader til at de forskellige browserer tolker "display: none;" forskelligt
