Refresh DIV area contents

Question

I have DIV area on my page which contains php code <? echo
rand();?> this shows random number in DIV area, now i have to
refresh this DIV area so that on click only this DIV area refreshes
and new random number appears. after this i will update this DIV
section using timeout which will automatically refresh DIV area
after specific interval of time.
I am ok with loading another file in div area, but how can i
get the same functionality with some code or content in the div
area . Please help me in this regard. Thanks

Answer 1

1, make a single page that echos the echo rand.
2, use a function that pulls th php file in to the div
container, u using Spry.Utils.updateContent
1, u can probly do that your self,
2, i can give u a little example.
Include the following in the mainpage's header:
SpryData.js
SpryDOMUtils.js
Also include this script in your header:
<script type="text/javascript">
Spry.Utils.addLoadListener(function(){
updateDIV
function updateDIV(){
//DIVIDNAME = the id of the element where u want the rand to
be loaded in also u can change rand.php to what ever file name u
want to be loaded
//change settimeout to how many sec u want the div to be
refreshed
Spry.Utils.updateContent('DIVIDNAME', 'rand.php');
setTimeout('updateDIV();',10000);
</script>
This will do what u described in your post.