How to do this

psuplat

Hi all.

I've got a script that is performing a series of operations on files (creating, writing, ammending, etc.) and database.

At the moment when all the operations are finished, a message is displayed informing that operations were succesfully performed, or displaying errors if any occured.

What I'd like to achieve is when operations are performed to display a message, something like "Please wait while operations are performed." and when they finish display end status message.

something like
while (operations are performed){
print 'please wait';
} when (operations finished) {
print 'All done';
}

obviously once everything is done the 'please wait' would dissapear.

How to do it?

dagon

i would use ajax to make the call so the script doing the work, so you can then show some loading graphic, and replace it with the results when done.

psuplat

Could you provide me with some sort of sample script or point me to a place where I can find such a thing, because I got no knowledge of ajax, so I don't even know how or where to start.

Thanks

psuplat

Actually it's quite simple as it turned out (I used a basic W3School tutorial go get what I needed).

In case some one will look for the same thing:

you create 2 files - 1st is an html with ajax code in it, 2nd is the actual code creating files.

in first file you put something like this:

<html>

<head>
<script type="text/javascript">
function loadPHPfile()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  //onreadystatechange function
  //possible states:
  //                0-request not initialised, 1-server connection established
  //                2-request received, 3-processing request, 4-request finished & resonse ready
  xmlhttp.onreadystatechange=function()
  {
   if (xmlhttp.readyState==1)
    {
    document.getElementById("myDiv").innerHTML='connection established';
    }

 if (xmlhttp.readyState==2)
    {
    document.getElementById("myDiv").innerHTML='Received';
    }

  if (xmlhttp.readyState==3)
    {
    document.getElementById("myDiv").innerHTML='Processing';
    }
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML='Files created succesfuly :)';
    }
  }

  //location of you php code file
  xmlhttp.open("GET","export.php",true);
xmlhttp.send();
}
</script>
</head>

<body onload="loadPHPfile()">

<div>Connection status: <span style="color: blue" id="myDiv"></span></div>


</body>

</html>

the way i did it the page returns status of your current request, from received, through processing, up until ready.

dagon

and with jquery:

$(document).ready(function(){

$('#content').html('<p style="text-align:center""><img src="loaging.gif" width="100" height="100" /></p>');
$('#content').load("file.php");


});