[rino4578]

I have a webpage that contains a ton of php code. every so often i need a jquery to update a few areas of the page. I can make a seperate jquery for each div tag but it would be alot simpler if i could update each using the same jquery. This is my code for updating div tag predators.....

<!-- Only updates single div tag. look into updating multiple div tags in same jquery-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 $(document).ready(function() {
 	 $("#predators").load("predators.php");
   var refreshId = setInterval(function() {
      $("#predators").load('predators.php?randval='+ Math.random());
   }, 9000);
   $.ajaxSetup({ cache: false });
});
</script>

The big question is; is it possible?

[e_i_pi]

I do this often, but I use separate AJAX calls. Otherwise how does the returned HTML get distributed amongst the targetted divs?

If all of the divs get the same (randomised parameter) return value, then you could use a class selector instead. I'm not sure if the Math.random function would fire for each though:

$(document).ready(function() {
  $(".predatorsClass").load("predators.php");
  var refreshId = setInterval(function() {
    $(this).load('predators.php?randval='+ Math.random());
  }, 9000);
  $.ajaxSetup({ cache: false });
});

EDIT: Actually, you could push your setInterval function into a separate function, and run a .each() over the selector. That would ensure that Math.random() fires on each call to the function. Nusy at work, otherwise I'd whip up the code and test it for you.

This post has been edited by e_i_pi: 09 November 2011 - 10:58 PM

[rino4578]

Thanks I'll mess with it and see if I can make it happen.

[JackOfAllTrades]

Moved to jQuery.

Some more detail about your returning data and the page on which you're putting it may be helpful. We may be able to come up with a combination of an updated PHP script and the calling Javascript to accomplish everything in one call.