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

FANTASTIC Script! This was exactly what I was looking for. I was able to get it to work with IE and FF by passing the following variables:

$(\”#responsecontainer\”).load(‘gcc_display.php?randval=’+Math.random()+’&name=$ASSIGNEE&kookie=$KOOKIE’);

The ASSIGNEE & KOOKIE variables are custom ones I needed, and by adding the Math.random() it worked with IE. Otherwise it would not work with IE. You may want to put a comment indicating the 2nd stanza is required for IE. I am using this at a MAJOR Fortune 100 company for our worldwide call center application I developed, so I really appreciate your help. You should be proud of your work.

AMAZING!!! ONE OF BEST BEST BEST J.S. I WAS EVER FOUND IN THE WEB!!!!!

Trying to use this script with JSP pages in a MVC application. For some reason it wont work. I have the jquery library imported. I can call my JSP pages which return data from a database lookup with an URL of the form ‘http://localhost:8080/realtime/data’ In the .jsp page i tried using the same URL in ‘load’ but it didn’t work. Tried to create URL using another standard tag library, which works everywhere but the ‘load’ here. please help.

Brill! Thanks for the simpler way of doing it, I originally did it the “Outdated” way you have shown, The jQuery version is amazingly quick! Top marks

This code crashes FF and eats a lot of memory. Any update?
Thnx

Superb! Thank you for a usefull script.

@ 67 Nice with $.ajaxSetup({ cache: false }); Fixes the IE cache problem. Great work!

is it possible to use purely php to make a chat room that does not refresh the entire page, no frames either

It works for me too

How to pause the auto refresh on mouseover? I have a div(#responsecontainer) with a news article and photo inside — if user mouses over article or image I’d like to pause the autorefresh so they can finish reading article. Seems like it should be simple but after searching two hours and trial and error no joy yet.

Amazing ,. awesome dude .. thanks for share ..

Nice pretty looking script. lightweight and efficient. excellent man!

It works like a charm! Really thanks!

Need help. Does anyone knows how to make the auto refresh/reload of the page when the input has no value, but if the input has a value, in will stop the refreshing/reloading. Thank you…

Works fine! Thanks alot!

Thanks two tons, man. I had a little trouble with an RSS parsing script until I realized that I’d have to have the actual parsing script itself in the response.php, not just the script that places the feed.

It works great now though, it’s exactly what I needed,

good one.. Its works for me

It might take some time to wrap your head around the theming system but it boils down to defining a stylesheet file for the theme and at least one PHP page template based on the master ‘look’ of your site. Add PHP code in strategic places to insert the title, posts, widgets, etc. and let WordPress do the heavy lifting. Look at other themes as examples, particularly the ones that claim to be simple and CSS-oriented, they should be easier to decipher.. . Everything you need to know is here:. http://codex.wordpress.org/Theme_Development

I can’t seem to get it to work with WHILE loops… anyone having the same problem? The info is not displaying. Although the example files with the random numbers work for me.

thanks buddy for the great script!! i was doing heat maps this turned out to be a life saver

thanks

Works perfectly! Thanks

Hi!

thx for the script.

But i got a problem with it and multiple instances

I use script to alter some remote wsdl service which works perfectly updating it. But if another user (more then 1) opens webpage and alters same variable with different value then first user it will keep switching them both from value1 to value2 so it is in the loop :S Is there anyway to fix this?

And if you whant to stop refreshing :
clearInterval(refreshId);

Lol note to self, do NOT implement a 5 second check if more than 20-30 users.. Apache will hate you afterwards..

I watched my server load go from 0.70 to 3.80 after implemenation and it only returned a single number (lol)

Thanks for the Script!

Hai guys. I want to know how to add fadeIn/fadeOut function together with the auto refresh function. Is it possible??

Does this only work with PHP pages? I need a solution that will work with html pages rather than PHP.

My div already shows the correct data. I just need it to reload that div. If I hit F5 it refreshes it correctly, but I want to be able to achieve this by just reloading the div.