title: Onclick & On/Off Class Script Not Working on Chrome or IE
body: <p>I have a page with two iframes and a simple navagtion bar. Clicking links in the nav bar targets one of the iframes on the page and replaces it's content.  I'm trying to hilight the currently selected link in the iframe, and it seems to only work on Firefox.  Can you guys offer any advice? Thanks.</p>
  
  <p>Can be seen in full at <a href="http://www.serioussportstv.net/bigbrother.php" rel="nofollow">www.serioussportstv.net/bigbrother.php</a></p>
  
  <p>In the head tag:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function offclass(id)
  {document.getElementById(id).className = 'class_off';}
  function onclass(id)
  {document.getElementById(id).className = 'class_on';}
  &lt;/script&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#links a.class_on {
  color:red;
  }
  a.class_off {
  color:white;
  }
  </code></pre>
  
  <p>Navigation Bar Links (for each link):</p>
  
  <pre><code>&lt;a id="link1" class="class_off" href="/streams/bb/live2.php" target="player"        style="font-size:16;font-family:Arial;text-decoration:none;" onclick="onclass('link1'); offclass('link2'); offclass('link3'); offclass('link4'); offclass('link5'); offclass('link6'); offclass('link7');"&gt;Show&lt;/a&gt;
  </code></pre>