Waiting image between page loads, with master templates

[TheWizardofInt]

This was one of those things that was too easy to get, so I thought I would post it here and save the next person some grief

In your master template, put this in your code behind:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not Page.IsPostBack Then
create an image here - this can be any img that already exists on the site
            Response.Write("<img id=img1 src =images/red-x.gif Style=left: 500px; position: absolute; top: 200px />")
            Response.Write("<script language=javascript>;")
            Response.Write("var dots = 0;")
            Response.Write("var dotmax = 10;")
            Response.Write("function ShowWait(){")
            Response.Write("}")
            Response.Write("function StartShowWait(){")
            Response.Write("var output;")
            Response.Write("output=document.getElementById(img1);")
            Response.Write("output.style.visibility=visible;")
            Response.Write("window.setInterval(ShowWait(),1000);")
            Response.Write("}")
            Response.Write("function HideWait(){")
            Response.Write("var output;")
            Response.Write("output=document.getElementById(img1);")
            Response.Write("output.style.visibility = hidden;")
            Response.Write("window.clearInterval();")
            Response.Write("}")
            Response.Write("StartShowWait();</script>")
            Response.Flush()
            Thread.Sleep(10000)
        End If
    End Sub

At the top of the page, add Imports System.Threading to accomodate the Thread.Sleep

Now, on the HTML source for the Master Template page, go to the Body line and add

onload="HideWait();

Dont forget the semicolon or it wont work

Now this image pops up as pages load and, when the page is DONE loading, it executes the Javascript HideWait function and kills the image. You dont have to do anything to any of the other pages