Hi I have the contents of a div I need hidden until page load. So I have the contents running through the following:

Code:
<html>

<head>

<script language="javascript">

function showscrContent(){

document.getElementById("loading").style.display='none';

document.getElementById("scrcontent").style.display='block';
}

</script>

<style type="text/css">

.hide {
  display:none;
}
.show {
  display:block;
}

</style>

</head>

<body onload="showscrContent();">


<script type="text/javascript">
document.write('<div id="loading"></div>');
</script>
<div id="scrcontent">
<script type="text/javascript">
//hide content
document.getElementById("scrcontent").style.display='none';
</script>

<!-- Hidden Content -->

</div>


</body>

</html>
This works great but there's a form that submits to itself on the page and every time I click submit, the div flashes on the screen pretty badly.


Thank you for taking the time to look at this issue.