Menu
the point was to get a site for a company a template of a highlighted menu bar but to no reguard it. it works in netscape and firefox but doesnt show the current page for IE any ideas????????????????? ? 😡
<style type=”text/css”>
table
{
border-style: groove;
}
td
{
border-style: groove;
}
a:link
{
background-color: #000000;
color: #000000;
}
a:visited
{
color: #FF0000;
}
a:hover
{
text-decoration: underline;
background-color: #000000;
color: #FF0000;
}
a.selected
{
text-decoration: underline overline;
background-color: #000000;
color: #FF0000
}
</style>
<SCRIPT type=”JavaScript”>
<!–
function highlightLink()
{
//Get filename from the URL
thisPage = document.URL.substring(document.URL.lastIndexOf(“/”)+1 ,document.URL.length);
//Loop through all the links
for (i=0; i < document.links.length; i++ )
{
//Get only the filename from the href of navigation link
pageLink = document.links[i].href.substring(document.links[i].href.lastIndexOf(“/”)+1 ,document.links[i].href.length);
//if the current filename & the link-ed file name are the same, change the background color of that link
if (thisPage == pageLink)
{
//selected is the name of a class that I have defined, that sets background color to grey
document.links[i].className = “selected”;
}
}
}
//–>
</SCRIPT>
<body onload=”highlightLink()”>
<div id=”navigationDiv”>
<table>
<tr>
<td>
<A HREF=”home.html” >home</A>
</td>
<td>
<A HREF=”contact.html” >contact</A>
</td>
<td>
<A HREF=”links.html” >links</A>
</td>
</tr>
</table>
</div>