"please wait" page

[djslothario]

Okay, I've looked at a few tutorials, yet I can't seem to get this right. I have some experience with other programming languages, but little with Javascript.

I currently have a PHP page that takes a little while to load, and I want to have it display a "please wait" page while it processes. Basically, I want the flow to be as follows:

User input page -> intermediate "please wait" page -> PHP results page

However, I can't seem to get it to work. My main problem is that I don't know how to pass the posted variables through the intermediate page. I tried making the "please wait" page PHP and assigned the post variables to session variables, but the final page didn't seem to recognize them. Thoughts?

[Hack]

Welcome to DevX

Okay, I've looked at a few tutorials, yet I can't seem to get this right.

What have you tried that doesn't seem to be working?

[djslothario]

Okay, I decided to change it a little.

so the structure, for reference, is indexTst.html -> one of those floating boxes made with CSS -> processTst2.php

IndexTst.html code:

<form action="processTst2.php" method="POST" name="queryform">
stuff
<input type="submit" onClick="getContent()">
</form>

<div id="wait" style="background-color:white;position:absolute;top:240px;left:360px;width:70px;height:50px;visibility:hidden;border: 1px solid black;padding:20px;">
	<img src="images/wait.gif" style="position:relative;top:0px;left:25px"><br /><br />Please wait...</div>

Here's my javascript code:

var request;

function getHTTPObject() 
{
    var xhr = false;
    if (window.XMLHttpRequest) 
    {
        xhr = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        try 
        {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch(e) 
        {
            try 
            {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch(e) 
            {
                xhr = false;
            }
        }
    }
    return xhr;
}

function getContent()
{
    request = getHTTPObject();
    request.onreadystatechange = sendData;
    request.open("POST", "processTst2.php", true);
    request.send(null);
}

function sendData()
{
	if (http.readyState == 4) {
		document.getElementById('wait').style.visibility = "hidden";
		alert('The server script has now completed');
		window.location = "processTst2.php";
	} else {
		document.getElementById('wait').style.visibility = "visible";
 }
}

The odd thing is that it does redirect and process2.php works fine. Thoughts?