dedlfix: Flackern beim Verstecken über onload()

Beitrag lesen

Ingo,

document.getElementsByTagName("style")[0].disabled = true;

das sieht sehr schön aus. Etwas abgewandelt (und nicht mehr HTML 4.01-kompatibel, wegen der id-Attribute in den style-Elementen) sieht es nun so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html><head><title>Test</title>  
  
<style type="text/css" id="withJs">  
#showForm { display: block; }  
#form { display: none; }  
</style>  
<style type="text/css" id="withoutJs">  
#showForm { display: none; }  
#form { display: block; }  
</style>  
  
<script type="text/javascript">  
  document.getElementById("withoutJs").disabled = true;  
  
  function showhide() {  
    document.getElementById('showForm').style.display = 'none';  
    document.getElementById('form').style.display = 'block';  
  }  
</script>  
  
</head>  
<body>  
<!-- hier steht eine Tabelle zum Anzeigen von Datensätzen, aber die tut nichts zur Sache -->  
  
<p id="showForm" onclick="showhide()">Neuen Datensatz hinzufügen</p>  
  
<form id="form" action="">  
<p>  
  <input type="text" name="foo" />  
  <input type="submit" />  
</p>  
</form>  
</body></html>

So werde ich es lassen.

Danke, dedlfix