On Load Function Displaying Loading Message
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript">
function hideLoading() {
document.getElementById('divLoading').style.display = "none";
document.getElementById('divFrameHolder').style.display = "block";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="divLoading">
<img src="loadingAnimation.gif" alt="" />
</div>
<div id="divFrameHolder" style="display:none">
<iframe src="http://asp.net" onload="hideLoading()" frameborder="1" scrolling="no">
</iframe>
</div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript">
function hideLoading() {
document.getElementById('divLoading').style.display = "none";
document.getElementById('divFrameHolder').style.display = "block";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="divLoading">
<img src="loadingAnimation.gif" alt="" />
</div>
<div id="divFrameHolder" style="display:none">
<iframe src="http://asp.net" onload="hideLoading()" frameborder="1" scrolling="no">
</iframe>
</div>
</form>
</body>
</html>
Comments
Post a Comment