I have a frameset with a left right columns, called 'index' and
'content'.
The left column of the frameset ('index') loads an index.htm file
which have these hrefs (summarized the code a bit) for readability :
<a href="studio/index.htm" target=content id="studio"> studio </a>
<a href="bandw/index.htm" target=content id="bandw"> bandw </a>
<a href="arch/index.htm" target=content id="arch"> arch </a>
<a href="etc/index.htm" target=content id="etc"> etc </a>
The right column of the frameset ('content') loads the file based on
which link was clicked in the index column. Each foo/index.htm has
onload/onunload functions with <body load= and unload= set
appropriately. An example (from studio/index.htm) is :
function onloaded()
{parent.frames.index.document.getElementById("stud io").className="1";}
function onunloaded()
{parent.frames.index.document.getElementById("stud io").className="2";}
These foo/index.htm's also load a style sheet which has these entries
:
a:link, a:visited, a:active { text-decoration: none; color: white}
a:hover { color: blue }
a.1:link, a.1:visited, a.1:active { text-decoration: none; color:
orange }
a.1:hover { color: orange }
a.2:link, a.2:visited, a.2:active { text-decoration: none; color:
white }
a.2:hover { color: blue }
ok so what does this all do ? simply this. when the link in the index
is clicked, it is turned orange by the loaded index.htm in the content
column. It stays orange the mouse is hovering over the link.
so whats the problem ? It works fine in Internet Explorer ie the index
link will turn orange and stay orange even on a mouse hover over it.
The other links in the index page are white, or blue on hover. But in
Netscape 7 the link does not turn orange onload. The orange part seems
to be ignored. There are no errors in the javascript console. In fact,
all links in the index are white , or blue on mouse hovering over
them.
What is different between netscape and ie that would cause this ? Is
it the way the style sheet is processed ? Have I made a mistake in the
order of definitions in the style sheet ? Or is the onloaded()
function incorrect ? Any help would be much appreciated. I'm somewhat
of a newbie to javascript and css manipulation and haven't found a
good article yet on the mapping between the two.
Thanks in advance for any suggestions/help.
-Dom
