Home/ Questions/Q 6036633
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T05:57:12+00:00

How can i display a Page is loading message(using jquery) in an iframe so

  • 0

How can i display a “Page is loading” message(using jquery) in an iframe so that the end-user is not looking at a blank page while the actual page is trying to load?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would suggest to you that instead of using iframe, you make absolute or fixed positioned div (maybe even overlay over whole screen) and message in it, on the top of your body. Then, in $(document).ready function add

    $("div#myMessageDivID").remove();

    Example:

    <body>
<div id="loadingMessage" style="position:fixed; background:white; top:0px; left:0px; right:0px; bottom:0px;" >
<div style="position:relative; width:10%; left:45%; top:45%; color:black;">
Please wait, loading...
</div>
</div>
...
</body>

<script type="text/javascript>
jQuery(document).ready(function(){
    $("div#loadingMessage").remove();
});
</script>

    You can also use $(body).ready instead of $(document), if your message is removed to early, or postpone removing using setTimeout.

    • 0