Question

I have a script that loads an advertisement:

<script type="text/javascript">
// on document load:
$(function() {
   // set "waiting" message:
   $("#loadingStatus").html("Waiting for your advertisements to load...");

   // on iframe load:
   $('#iFrame').load(function() {
       // set "done waiting" message:
       $("#loadingStatus").html($("#isDone").html());
   });
});
</script>

What I wish to do, is that to create/get a loading bar/loading text that will appear, whenever iframe is done loading. After the loading bar is done loading, it should submit a PHP page.

Answer 1

Try this

$(function() {
   // set "waiting" message:
   $("#loadingStatus").html("Waiting for your advertisements to load...");

   // on iframe load:
   $('#iFrame').load(function() {

       $("#loadingStatus").html($("#isDone").html());

       var dataToSubmit = {};
       $.post({
         url: "phpPage.php",
         data: dataToSubmit,
         success: function(){}
       });
   });
});