Ajax question...how to make a loop to keep checking if variable changes?

iBuddy

Below is a code to check a ustream account if they are broadcasting live. What I'm trying to do is make it change live on the site if the variable changes. So if the user goes live, it updates the div tag on the site without having the user refresh. How can I do that?

<div id="status" class="status"></div></p>

  <script type="text/javascript">
function set_status(status)
{
if (status == "offline")
{
document.getElementById("status").innerHTML = "OFFLINE";
}
else if (status == "live")
{	
document.getElementById("status").innerHTML = "<a href='http://www.chamillionaire.com/live.html'><img src='http://www.chamillionaire.com/images/statuslive.gif' border=0 /></a>";
}
else
{	
document.getElementById("status").innerHTML  = "OFFLINE";
}
}
</script>

<script type="text/javascript" src="http://api.ustream.tv/json/channel/CHANNELNAME/getValueOf/status?key=YOURAPIKEY&callback=set_status">
</script>

bradgrafelman

Use Javascript's setInterval() method to repeatedly call the set_status() function?

EDIT: Also, unless I'm missing something, there is no AJAX involved in the code you posted.

iBuddy

bradgrafelman;10954694 wrote:
Use Javascript's setInterval() method to repeatedly call the set_status() function?

EDIT: Also, unless I'm missing something, there is no AJAX involved in the code you posted.

Sorry about the confusion. I know PHP but don't know AJAX. I'm trying to have to refresh without having the page refresh, so I wanted to add some type of AJAX into the code to make it do that. Would setinterval() do the trick?

bradgrafelman

Woops... didn't examine your code carefully enough.

Looks like what you actually need to do is to refresh (or re-execute) the external JS supplied via the API. I'm not entirely sure what the best way to do this is... one way would be to use setInterval() to constantly delete/re-add a SCRIPT element using DOM. Not sure if this is the most efficient way, though.