instead of a whole page refresh after a certain time, i'd just like a specific div container to reload/refresh. is there any way to do this?
<div id="wrapper">
<div id="quoteContainer"></div>
</div>
views:
407answers:
3
+3
A:
If you had a page that served quotes, like quote.html for example, you could do this:
setInterval(refreshQuote, 10000); //every 10 seconds
function refreshQuote() {
$("#quoteContainer").load("quote.html");
}
In this case the expected return from quote.html (or whatever source you have) it a simple string that is the quote, it will take this and replace the content of <div id="quoteContainer"></div> with it.
Nick Craver
2010-04-07 18:45:51
A:
hi i think that one aproach would be
<script>
function render (){
$('#mydiv').html("<b>new stuff</b>")
}
window.setInterval(render, 500);
</script>
Sebastian Marcet
2010-04-07 18:47:52
+2
A:
You can get the effect you desire with jQuery and Googles ajax api
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_latest_scores').load('latest_scores.html');
}, 10000); // refresh every 10000 milliseconds
</script>
<body>
<div id="load_latest_scores"> </div>
</body>
Nicholas Murray
2010-04-07 18:56:43
this works, but initially when the page loads, the container is empty. how do i resolve that?
fuz3d
2010-04-07 19:06:31
You could write a similar javascript function that pre-fills the div on page load
Nicholas Murray
2010-04-07 19:14:40
thanks. checked. :)
fuz3d
2010-04-07 19:38:47