Danke für die Antworten.
Habe den Code nun noch mal umgefummelt. Nun sieht es im Menüframe so aus:
JS:
function hove(e) {
if (document.getElementsByTagName("a")[e].style.backgroundColor != "#0000ff")
{
document.getElementsByTagName("a")[e].style.backgroundColor = "#aaaaff";
document.getElementsByTagName("a")[e].style.color = "#ffffff";
}
}
function norm(e) {
if (document.getElementsByTagName("a")[e].style.backgroundColor != "#0000ff")
{
document.getElementsByTagName("a")[e].style.backgroundColor = "#ffffff";
document.getElementsByTagName("a")[e].style.color = "#000000";
}
}
BODY:
<a href="main.htm" onmouseover="hove(0)" onmouseout="norm(0)" onFocus="if(this.blur)this.blur()" id="main" target="mainFrame">Startseite</a>
<a href="testlink1.htm" onmouseover="hove(1)" onmouseout="norm(1)" onFocus="if(this.blur)this.blur()" id="testlink1" target="mainFrame">testlink</a>
<a href="testlink2.htm" onmouseover="hove(2)" onmouseout="norm(2)" onFocus="if(this.blur)this.blur()" id="testlink2" target="mainFrame">testlink2<a>
usw.
Im Inhaltsframe (hier z.b. in testlink1.htm) steht dann als JS:
for (var hd = 0; hd < parent.topFrame.document.getElementsByTagName("a").length; hd++) {
parent.topFrame.document.getElementsByTagName("a")[hd].style.backgroundColor = "#ffffff";
parent.topFrame.document.getElementsByTagName("a")[hd].style.color = "#000000";
}
parent.topFrame.document.getElementById("testlink1").style.color = "#ffffff";
parent.topFrame.document.getElementById("testlink1").style.backgroundColor = "#0000ff";
Das funktioniert im IE auch ganz prächtig. Allerdings in Mozilla nicht. Die Abfrage im Menüframe
if (document.getElementsByTagName("a")[e].style.backgroundColor != "#0000ff")
scheint Mozilla komplett zu ignorieren.
Was mach ich denn nun schon wieder falsch?
Sorry, bin ein Newbie und hab fast keine Haare mehr zum raufen :-)
Gruß,
Heinz