Wednesday, September 30, 2009

HTML : Iframe

Show loading animation while a page loads into another frame in a frameset

<html>
<head>
<script type="text/javascript">
var url = 'http://www.google.com'; //the details page you want to display...
</script>
<style>
#loading{
position:absolute;
left:45%;
top:40%;
background:white url(http://www.dallasjclark.com/blog/wp-content/uploads/2009/03/loading_animation.gif) repeat-x;
padding:10px;
font:bold 14px verdana,tahoma,helvetica;
color:#003366;
width:80px;
height:100px;
text-align:center;
}
</style>
<div id="loading"></div>
</head>
<body onload="location.href = url;" style="overflow:hidden;overflow-y:hidden">
</body>
<script>
if(document.layers) {
document.write('<Layer src="' + url + '" visibility="hide"></Layer>');
}
else if(document.all || document.getElementById) {
document.write('<iframe src="' + url + '" style="visibility:hidden;"></iframe>');
}
else {
location.href = url;
}
</script>
</html>

Taken From : http://forums.asp.net/t/1327988.aspx

No comments:

Post a Comment