I am working on a page with two iframes and a basic navigation bar. The navigation bar links are set up to target one of the iframes and replace its content when clicked. However, I am having trouble highlighting the currently selected link in the iframe - it only seems to work in Firefox. Any advice or suggestions would be greatly appreciated. Thank you!
You can view the full page at www.serioussportstv.net/bigbrother.php
In the head section:
<script type="text/javascript>
function offclass(id)
{document.getElementById(id).className = 'class_off';}
function onclass(id)
{document.getElementById(id).className = 'class_on';}
</script>
CSS:
#links a.class_on {
color:red;
}
a.class_off {
color:white;
}
Navigation Bar Links (example for each link):
<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');">Show</a>