JQuery- Auto Refresh Div Every X Seconds

This doesn’t work in IE7 unless user has set his browser not to cache to page.

Hi,
I just want to say that it works for me.
thanks

careful there, if you have flash content on your page while running ie, every time that div refreshes, it causes flash player to hiccup. I was recently working on a feature similar for a flash game leaderboard (http://wizarddefense.com/play/) and ran into this problem. My only solution was to make the refresh user-consented, so I wouldn’t be the one to blame . Otherwise, this is great!

tx

All that i can say is its working for me..

You could use jQuery’s built in event timer too:

.everyTime(5000,function(i){ });

Worked great on a live stats system for me, thanks!

Thanks for the code. Took me a long time to find what i needed. Finaly i can rest a bit.

Question. When the page loads for the fist time it takes the amount of seconds it was set to load.

How can i get it to load right as it loads the page and then start the script time to refresh.

The page is:
http://esp.irockfm.com/wp-content/players/popup-player.php

Thanks in advanced.

This works really well for me. But the php script takes about 15 seconds to load initially. (By contrast, if I direct link to it or use an include, it shows almost immediately.) Is there a way to improve the initial load speed?

Great script, so simple yet brilliant. I’ve changed it a little as I needed the divs to load immediately on page load, then refresh every 60 seconds. Here is my code:

var refreshId = setInterval(function()
{
$(‘#responsecontainer’).load(‘response.php’);
$(‘#responsecontainer2′).load(‘response2.php’);
}, 60000);

$(document).ready(function()
{
$(‘#responsecontainer’).fadeOut(“slow”).load(‘response.php’).fadeIn(“slow”);
$(‘#responsecontainer2′).fadeOut(“slow”).load(‘response2.php’).fadeIn(“slow”);
});

Thanks for the foundations, quality

Tnx Pal its really cool and works perfectly, a usful piece u know.

hy, i just wanna said that it works. made life easier. big thanks.

Thanks, but still can´t find a clean solution to the ie7/8 problem

Thanks for the code man!

Hello, This code could be exactly what I need although I am having problems trying to change it. I am new to Ajax.

What I am trying to do is to get this code to work from a database. For example, I want to place this code on my members page and then set up a database for messages. The code will show a box at the top of the page and when a message is inserted into the database it appears in this box.

Ive tried to get it to work but it just shows an empty window. Any help would be really really appreciated.

Hi thank you so much for the code!

can anyone tell me that how can i add two divs on my page with this script ?

i have 2 different content for adding my page…

Thanks! It worked for me!!!

how do i use this with noconflict,

because its not workin on my site…

http://indiecore.net

The refresh button on IE returns to cached data on the first refresh. Tried turning off caching in my browser but that failed.

Firefox and safari works great

Is there a way to make it refresh only once, or stop after the first refresh?

Nice work by the way, it works great!

Thanks, this works for me! Any idea how I can call this function direct after adding something to the database instead of just waiting for the next refresh?

Thanks!

The is still a bug with cache, when I manually refresh the page, first which is shown the value from enetring site. To avoid that I modified the code:
$(“#responsecontainer”).load(“response.php?v=”+ Math.random());
It works great.

hi Maruf! Thanks for your great script: so easy, so quick… and so precious!

Is possible to use it for more instances? I mean: in the same page reload one div after 20 seconds, and another one after 5 seconds?
Or reload after the same period 2 different pages?

Thank you!!

Very nice script!.. i’m not really good at this but i did this xD..

how would it be record by record, 1 by 1 tweeter style?

PS: sorry my english, i’m latinamerican.

My modification is basically just kuba’s (aboe) mode to just the “v” (instead of “randval=”, along with the first part of your function taken out [$(document).ready(function() {
$("#responsecontainer").load("response.php");
]. Then, voila! Finally that horrible IE browser worked my app correctly :-].

I needed to load and refresh the page but only until I returned a value I was looking for. Then I needed to stop the page from refreshing. Here is how I did that:

// Global Variables
var refreshId;

$(document).ready(
function() {
// Initial page load
$(“#responsecontainer”).load(“/test/test.php”);

// Start refesh counter
refreshId = setInterval(
function() {
// This function works with $.get
function doSomethingWithData(data) {
if (data != “pending”) {
// Reload & Display
$(“#responsecontainer”).load(‘/test/test.php?randval=’+ Math.random());
} else {
// Display
document.getElementById(‘responsecontainer’).innerHTML = “Done”;

// Stop refresh counter
clearTimeout(refreshId);
}
}
// Second refresh
$.get(‘/test/test.php?randval=’+ Math.random(), doSomethingWithData);
}
, 10000); // Time between refeshes 1000 miliseconds = 1 second
}
);

Dude what a great code, I used to use the ajax code but it wouldn’t load until the amount of time for it to refresh is met… regards

Great piece of code. I’m a noob to jquery. Could anyone show me how I could stop the code from loading the php page after a certain amount of time? Like 15 minutes?

Thanks for the code, it works great

But How ca I stop the refresh with a link?

Didn’t try this on your code, I think it can be helpful…

and for MSIE 5.x the expires meta tag

Hopfuly the meta tags above will work for all browsers that use browser cache…

** meta tags can be used in the HEAD section of any page **

IT works fine in google chrome. however in mozilla its stop displaying the div after a 3 times of show. how can i solve this problem?

Anyone has the solution for IE8?

The content of the div doesn’t refresh.

I thought it was a cache problem, but it isn’t (i tried to clean the cache via PHP).

Any suggestions?

Thanks for this script.
I don’t like the fade out / in effect, can it be removed and how?

Thanks in advance.

I fix de problem for IE cache tha is the problem just add this code

$.ajaxSetup({ cache: false });

var refreshId = setInterval(function()
{
$(‘#responsecontainer’).fadeOut(“slow”).load(‘chi.php’).fadeIn(“slow”);
}, 1000);
$.ajaxSetup({ cache: false });

GOOOD script

Hey, thanks for the code. I used it as a base to do a basic image change. I’m new to AJAX so there may be a better way to do this but it is quite simple:

$(document).ready(function() {

document.getElementById(‘ID1′).innerHTML = “”;

document.getElementById(‘ID2′).innerHTML = “”;

});

var refreshId = setInterval(function() {

document.getElementById(‘ID1′).innerHTML = “”;

document.getElementById(‘ID2′).innerHTML = “”;

}, 5000);

Just use the etc. to show where you want them.

I’ve gone a bit more complex though. The .gif files are actually PHP files that are giving a image output. This allows you to do all sorts of fancy stuff behind the scenes. For example, I have a script that checks the database for various things and then presents a image stream depending on the results. In my case it is a simple green tick or red cross image from one of the many free vector packs online.
You can do something like this by using code along the lines of:

By using these two methods together you can make a dynamic real-time updating table. I used one from http://cssglobe.com/lab/tablecloth/ but there are plenty more about.

Now I have a nice table that changes it’s green ticks and red cross images depending on the conditions fed to the PHP page every few seconds, without needing to do a full page update – fantastic!

Hope that gives someone a few ideas and some further code to play with.

I’m having trouble whit using redirect in response.php.
You see,I put if else condition in response.php.There is a condition that if its true the page will go to another page.
I ve used all redirect method that I know, but still it doest work.
Could you help me with that?
Thanks a lot