title: Auto refresh a specific div blogger javascript
body: <p>I use a Javascript widget on a blogspot. It include a div with some javascripts that get some "non-statical" strings from a server and print them on the page. Until here everything works fine, the problem is that I would like to update the execution of this div every few seconds in order to have updated strings, without refreshing the whole page, but just the specific widget (div). I have added another script that tries to refresh the specific div, but I had no luck. Please see the code below</p>
  
  <pre><code>&lt;div id="info"&gt;
  &lt;b&gt;Song:&lt;/b&gt;
  &lt;script type="text/javascript" src="xxxx"&gt;
  You appear to have javascript turned off.
  &lt;/script&gt;
  &lt;br /&gt;
  &lt;b&gt;Listeners:&lt;/b&gt;
  &lt;script type="text/javascript" src="xxxx"&gt;
  You appear to have javascript turned off.
  &lt;/script&gt;
  &lt;br /&gt;
  &lt;b&gt;Server Status:&lt;/b&gt; 
  &lt;img src="xxxxx.gif" alt="Stream status" width="17" height="17" align="absmiddle" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Script for refreshing:</p>
  
  <pre><code>  &lt;script type="text/javascript"&gt;
      window.onload = startInterval;
      function startInterval()
      {
          setInterval("startTime();",5000);
      }
  
      function startTime()
      {
          document.getElementById('info').innerHTML = ??? // reload div    
      }
    &lt;/script&gt;
  </code></pre>
  
  <p>Additionally something like this could be used, but this method reload the whole page and not the specific div.</p>
  
  <pre><code>&lt;script&gt;
  setInterval(function() {
      parent.location.reload(true);
  }, 5000); 
  &lt;/script&gt;
  </code></pre>