Wednesday 2 January 2013

loading image before iframe loads



Your code goes here :

<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>
   
    <div id="divLoading">
        <img alt="" src="http://www.wakehealth.edu/images/modal-loader.gif" />
    </div>
<div id="divFrameHolder" style="display: none;">
        <iframe frameborder="0" height="300" onload="hideLoading()" src="http://1289solutions.blogspot.in/" width="400">      
        </iframe>
    </div>
</body>
</html>

No comments:

Post a Comment

Do you think it could be useful for you? Share your thoughts with us!