DIV reloading using Javascript Possible ?

stefzodiak · Jun 17, 2003

Hello everyone,

Okay, I have probably a very strange question, so
please bear with me

I generate a HTML file in perl, but i would like a
certain DIV to reload automatically (it will be an
update of the number of open tasks on the order system)

I know that I can refresh the entire page by doing
something like:

<script language="javascript">window.setTimeout("document.reload.submit();",3000);</script>

However, can I jst refresh a named DIV tag in some
way similiar ? It would be nice if i could specify another
location to 'refresh' the DIV with (sort of similiar
to the location function in javascript).

Any ideas ? Pointers ?

(i am this close to writing it in Flash, its gotten that bad

Thanks
Stef

greelmo · Jun 17, 2003

you could do this....
document.getElementById('divID').innerHTML="blahblahblah";
... but that would take a lot of typing.... You could make a variable in the Javascript with HTML tags and stuff... and then every time you want to reload it, you could just get the element and make the innerHTMl the variable. Hope that helps.

Later,
Greelmo

http://www.scriptingsolutions.tk

stefzodiak · Jun 17, 2003

Hello there,

Well, i tried to setup a timeout on the window, so
that it will auto-reload, but no joy. Here is what i
tried:

Code:

<script language=&quot;javascript&quot;>window.setTimeout('document.getElementById('Content').innerHTML=&quot;<HTML><BODY><BR><BR>Hello...<BR><BODY></HTML>&quot;;',3000);</script>

but, no luck. of course, timeout's work jst fine with
reload.submit(), so is this a limitation of javascript
perhaps ?

Btw, if its any point of concern, i use Netscape
on this machine (its a linux machine, so IE isnt going
to work for me, so sorry if this is a Netscape problem

Many thanks
Stef

greelmo · Jun 17, 2003

i don't think it's a netscape thing... try...
<script type="text/javascript">
var rfrshme=setTimeout("document.getElementById('content').innerHTML='<font size=7 color=red>Hello</font>';", 5000);
</script>

Later,
Greelmo

http://www.scriptingsolutions.tk

Mr3Putt · Jun 17, 2003

In IE, i'd use a hidden iFrame, with an onLoad script to copy it's page HTML to the parent.DivID.innerHTML, then setTimeout(document.reload(),10000) in the iFrame document.

...in Netscape, I think you're barking up a dead horse.

I don't think anything in Netscape has it's own Source, except frames.

stefzodiak · Jun 17, 2003

hello again,

funnily enough, i got it working, although only in netscape, i assume as its probably not IE-friendly,
although any pointers on that would be highly appreciated
(i REALLY dont know the differences between the two)

in the 'parent' page, i do this:

<iframe id="myFrame" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="100%" src="/work/Unified/stef_msg.html" scrolling="no" style="overflow:visible"></iframe>
<script language="javascript">setInterval("document.getElementById('myFrame').src='/work/Unified/stef_msg.html'", 10000);</script>

and then in the file /work/Unified/stef_msg.html i have:

<HTML>
<BODY>
<script language="Javascript">
function update_me() {
top.document.getElementById('workbasketBottom').innerHTML='<font size=7 color=blue>here</font>'
}
</script>
<script language="Javascript">update_me()</script>
</BODY>
</HTML>

This may seem like a lot of work, but the beauty here is that the html file is regenerated every 5 seconds by a perl
background process on the server. That way it allows me to
'somewhat' update html without reloading the entire page or
resorting to Flash/SWF or RealPlayer (not everyone has Flash
and it is positively a pain sometimes on non-windows machines

So, thats the long and short of it. Thank you for the help and if anyone has any advice on how to make it IE friendly (i checked and the above doesnt work for some
reason) that would be great

Regards
Stef

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

DIV reloading using Javascript Possible ?

stefzodiak

Programmer

greelmo

Programmer

stefzodiak

Programmer

greelmo

Programmer

Mr3Putt

Programmer

stefzodiak

Programmer

Similar threads

Part and Inventory Search

Sponsor