Comments on: Refreshing DIV content with AJAX

By: loopmob

loopmob — Thu, 03 Dec 2009 15:09:40 +0000

Im searching for sites related to this. Glad I found you. Thanks

By: Aleix

Aleix — Mon, 14 Sep 2009 23:39:57 +0000

Thanks Daria! Glad you find the information here useful! Whenever I learn more AJAX tips and tricks in the future, be sure I’ll share them here

Kind regards

By: Daria

Daria — Mon, 14 Sep 2009 19:52:10 +0000

hye aleix,
i love all your ajax tutorials
(just giving you huge pat on your back, because im learning a lot from you )

By: Tony Bryant

Tony Bryant — Thu, 11 Jun 2009 17:32:49 +0000

Great Code! I have not read all the comments so someone may have stumbled upon this but just in case. You can update multiple divs with this code by making a couple of simple changes.

First remove vars on lines 4 and 5. Then change line 13 to this:

function refreshdiv(divid, url){

Then change lines 51 and 61 to this:

setTimeout(function(){refreshdiv(divid, url)},seconds*1000);

Then when you call the refreshdiv function from your html page, pass the div id and page you wish to load:

refreshdiv(’timediv’, ‘boo.php’);

If you have more then one div then just call the function twice replacing the div id and page you wish to call.

refreshdiv(’timediv’, ‘boo1.php’);
refreshdiv(’datediv’, ‘boo2.php’);

This will make the function generic and universal so that you can call it from a .js file and use it on multiple pages without the need to recreate it for each div.

By: Aleix

Aleix — Sun, 26 Apr 2009 09:40:36 +0000

Thanks. Not sure what the issue could be, apart that I have the feeling the variable “url” is potentially conflictive. Note that in my script there’s a variable with the same name, which is not local to a specific function but at the same level as in the second script. I would suggest you try again the two scripts together renaming one of the “url” variables to something unique, so that the value of one of them does not override the other.

Regards

By: UTAN

UTAN — Sun, 26 Apr 2009 06:13:23 +0000

should show the whole script

= 4)) {
var url=”http://vcomputadoras.com/chat/katrachada.php”;
var title=”Agrega Katrachada el chat 100% a tus favoritos!”;
document.write(’Agrega Katrachada el chat 100% a tus favoritos!‘);
}
else {
var msg = “No te olvides de agregar Katrachada a tus favoritos! preciona las techas”;
if(navigator.appName == “Netscape”) msg += “(CTRL-D)”;
document.write(msg);
}
// End –>

By: UTAN

UTAN — Sun, 26 Apr 2009 06:10:00 +0000

This is the sript that was conflicting with your code, as i stated before i just took it out of the html and you code worked fine, no issues at all..



= 4)) {
var url="http://vcomputadoras.com/chat/katrachada.php";
var title="Agrega Katrachada el chat 100% a tus favoritos!";
document.write('Agrega Katrachada el chat 100% a tus favoritos!');
}
else {
var msg = "No te olvides de agregar Katrachada a tus favoritos! preciona las techas";
if(navigator.appName == "Netscape") msg += "(CTRL-D)";
document.write(msg);
}
// End -->

By: Aleix

Aleix — Sat, 25 Apr 2009 16:44:03 +0000

So the script here is conflicting with the favorites script? I wonder what the exact issue is, just curiosity…

Glad anyway you found a quick fix.

By: UTAN

UTAN — Fri, 24 Apr 2009 22:58:53 +0000

Hello,

I have found the issue, it wasnt any css related stuff, it was in fact a script i was using to have people to put the website in their favorites, once i took it out your script worked like champ in IE7….thank you.

By: UTAN

UTAN — Fri, 24 Apr 2009 19:52:53 +0000

well the doc type i am using

CSS validator validate fine my chat page as css level 2.1, you can check my page to check of what i am talking about, try ie 7 and firefox and ill see that firefox works great…
http://vcomputadoras.com/chat/katrachada2.php

i will really appreciate if you help me out..