Can you complete this code?

[Damien Hannah]

Hello Creators, I have a little challenge for those of you who know how to use the javascript language!

This is a code that apparently reloads only part of the page... anything that has an id. So, I have content on my network, ready to be refreshed every 5 minutes. I have wrapped my content in a <DIV>

this is how I did that...

<div id="#partialreload">

my content...

</div>

so, as far as I know, the content ready to be refreshed is now named with an id of #partialreload.

right?

So, here is the code that I am talking about, that should autorefresh the <DIV> that I have named, #partialreload.

its not working, I'm not really sure what I'm doing wrong. Can somebody offer a little bit of direction with this feature?

Thank you kindly!

Here's the codes...

$('#button1').click(function() 
{     var url = "http:www.your-url.com?ID=" + Math.random(); 
//create random number     
setTimeout(function() {     $("#elementName").load(url+" #elementName>*","");   
 }, 1000); 

//wait one second to run function  });

[Scott Bishop]

What I do is put the part of your page that you want refreshed every few seconds on it's own page of a separate server. Then place this code below into the head of that page.

I then iframe that page onto the whichever page you want.

btw- I'm not a coder but I copy & paste well. Somebody I'm sure has a cleaner code:

<script>
<!--

/*
Auto Refresh Page with Time script
By JavaScript Kit (javascriptkit.com)
Over 200+ free scripts here!
*/

//enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds should range from 0 to 59
var limit="0:02"

if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
else
curtime=cursec+" seconds left until page refresh!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}

window.onload=beginrefresh
//-->
</script>

[Damien Hannah]

Very interesting. I'm reading your code here, seems like that would do the trick... where would I put in my #partialreload <DIV> declaration though? That's the question. I wrapped the content I want to reload in a <DIV> called #partialreload.

[Scott Bishop]

I don't know the coding. Found it doing a google search, copied & pasted it.

Make a new blank page using a different server, placed the html of the content you want to be refreshed every 2 seconds within the body tags then place that script in the head tag. Then give the page a name: /example-page.html

Then go to the page you want the the content to be, and at the location of where you want it make an iframe <iframe src="/example-page.html" width="100%" height="135" scrolling="no" frameborder="0"></iframe> (adjust the height & width accordingly)

[Scott Bishop]

Oh also, if you have links in the content of your /example-page.html you'll want to target them with _parent.

[Elson Tan]

Hi,

first of all you cannot put # inside the ID tag of html.

<div id="#partialreload"></div>

Is ##partialreload

Use this:

<div id="partialreload"></div>

 

While for the script:

<script type="text/javascript">

window.onload = refresher;

function refresher(){
setTimeout('refreshdiv();',300000);//refresh every 5 minutes , 5min =300000 milliseconds
}
function refreshdiv(){

var url = "http://yoururl?id=" + Math.random();

x$('#partialreload').load(url +" #elementname");

}

</script>