A A A Font Size

Pearls of MOSSy Wisdom

"Loading" screen for long loading pages.

I was asked about showing a graphic on a long loading page.  I think I got a good solution so I thought I'd post is here... 

On the page you want to show this message, put a Content Editor Web Part on the page. Edit the Source (not the Rich Text) and paste the following:

<DIV style="position:absolute;z-index:1000;background-color:white;width:100%;height:100%;top:0;left:0;opacity:0.9;filter:alpha(opacity=90)" id="pleaseWaitMessage">
<p style="text-align:center;margin-top:200px;color:black;">
<img src="/_layouts/images/ewr133.gif">
<br>
Loading... please wait.
</p>
</DIV>
<script>
function hideMessage() { document.getElementById("pleaseWaitMessage").style.display = 'none'; }
document.onload = hideMessage();
</script>

You must sign in to rate content.
(Unrated)

Comments

There are no comments yet for this post.

Leave a Comment

You must be logged in to post a comment.
Superstar
Tim Dobrinski
Systems Analyst II
Birmingham, AL
Tim is currently not Twittering about updating his LinkedIn profile concerning FaceBooking his MySpace Page's Status.

Search This Blog

 

© 2012 SusQtech. All rights reserved.
Powered by SharePoint Server 2007 and using the MemberToMember SharePoint Add-On for social media capabilities.