theflyingminstr
03-13-2009, 06:36 PM
Hi I have the contents of a div I need hidden until page load. So I have the contents running through the following:
<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.
<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.