[RESOLVED] Ajax and PHP help!

dannywade

hey,

I've been using Ajax and PHP to generate content pulled in from a database.

I am using an ajax framework that allows a start and end function when calling ajax, i use these to toggle my ajax loading divs (hide/show). But once the ajax has been called, the function ends and it triggers hiding the loader.. but now i have got 60 images being loaded... is it possible to detect when the actual html output has finished, not the ajax call?

I was using a simple body onload at first, but now the client has requested the actual page doesnt reload - so i'm stuck for ideas 🙂?

Cheers,

Ps: first post, sorry if its in the wrong place 🙂🙂

bpat1434

Moved to a more appropriate forum.

If you're using a framework (I'm guessing jQuery or Prototype) then they should have everything you need. In jQuery, you'd want something like:

$(document).ready(function(){
  // Your code here....
  alert('The Document Is Ready For Inspection!');
});

jQuery's implementation of this function defines "ready" as when the DOM is finished loading and ready to be traversed. So in a sense, that's when the HTML is done loading 😉

Prototype probably has something very similar (I can't see why it wouldn't), but I'm not sure what it is.

dougal85

mooTools is;

window.addEvent('domready', function() {
  // Your code here....
  alert('The Document Is Ready For Inspection!');
});

The easiest fix would be to do this;

<body>

  <!-- lots of stuff ... -->

  <script>init && init()</script>
</body>

so basically the calls to start the javascript are at the bottom of the page, by the time the browser gets there the HTML must be loaded...

dannywade

cheers dougal... the first snippet seems to be exactly what i'm looking for.

thanks 🙂