Tanni: BG-Colorwechsel zweier Zellen funktioniert nicht (mouseover)

SELF-Forum

BG-Colorwechsel zweier Zellen funktioniert nicht (mouseover)

Tanni
– Informationen zu den Bewertungsregeln

Bin am verzweiflen. Ich versuche mit "mouseover" 2 Funktionen aufzurufen. Dies geschieht auch (getestet mit alert). Allerdings funktioniert der BG-Color-Wechsel bei der zweiten Zelle nicht. Warum? Kann mir jemand helfen?

<HTML>
<HEAD>
<script language="JavaScript">
function NavOver(elem) {
  elem.style.backgroundColor = '#ffffff';
  elem.style.cursor = 'hand';
}
function NavOut(elem) {
  elem.style.backgroundColor = '#fee580';
}
</script>
<style type="text/css">
tr {
  font-family: Verdana;
  font-size: 10px;
}
tr.tr_menu_closed {
  background-color: #ffe580;
}
td {
  font-family: Verdana;
  font-size: 10px;
}
td.td_menu_closed {
  vertical-align: middle;
}

</style>
<TITLE>PostFinance - yellownet</TITLE>
</HEAD>
<BODY marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<TABLE  border="1" cellspacing="0" cellpadding="0" width="169">
<TR class="tr_menu_closed">
<TD class="td_menu_closed" id="links"  onmouseover="NavOver(rechts);NavOver(this)" onmouseout="NavOut(rechts);NavOut(this)">&nbsp;<img border="0" src="/ef/public/cc/pics/dot.gif" alt="" width="0" height="18"></TD>
<TD class="td_menu_closed" id="rechts" onmouseover="NavOver(links);NavOver(this)" onmouseout="NavOut(links);NavOut(this)">  &nbsp;<img border="0" src="/ef/public/cc/pics/dot.gif" alt="" width="0" height="18"></TD>
</TR>
</TABLE>

</BODY>
</HTML>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. BG-Colorwechsel zweier Zellen funktioniert nicht (mouseover)

    Rouven
    – Informationen zu den Bewertungsregeln

    Hello,

    1. Was sagt denn die Fehlerkonsole deines Browsers? Ich bin mir sicher, sie hätte da was beizusteuern...

    <TD class="td_menu_closed" id="links"  onmouseover="NavOver(rechts);NavOver(this)" onmouseout="NavOut(rechts);NavOut(this)">&nbsp;<img border="0" src="/ef/public/cc/pics/dot.gif" alt="" width="0" height="18"></TD>
    <TD class="td_menu_closed" id="rechts" onmouseover="NavOver(links);NavOver(this)" onmouseout="NavOut(links);NavOut(this)">  &nbsp;<img border="0" src="/ef/public/cc/pics/dot.gif" alt="" width="0" height="18"></TD>

    1. IMHO gibt es zwar this, aber weder links noch rechts. Links oder rechts ist nichts. Aus der Parametergebung deiner Funktionen entnehme ich, dass du gerne ein Element hättest - also gib auch eins rein: document.getElementById('links');

    2. eine Bereinigung des Codes in Richtung mehr CSS, weniger Tabellen und Validierung wäre anzuraten.

    MfG
    Rouven

    --
    -------------------
    Buy when there's blood running in the street and sell when everyone is pounding at your door, clawing to own your equities  --  Wisdom on Wallstreet
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln