Detlef Moebus: Hintergrundfarbe in Tabellen-Zellen ändern (MouseOver)

Hallo
ich suche einen MouseOver-Effekt, der sowohl mit Winzigweich als auch mit Netscape funktioniert. Meine bisherige Lösung funzt nur mit Microsoft. Hier der Text:

<table>
<tr>
<td onMouseOver="this.bgColor = '#9999CC'" onMouseOut="this.bgColor = '#CCCCCC'" height="25">
<a href="ebene3_1.htm" target="Inhalt" onFocus="if(this.blur)this.blur()">
<font size="1">Ebene 3.1</font></a></td>
</tr>
</table>

Hier gibt es rechts ein navigationsframe, links ein Inhaltsframe. Da wo ich mit der Maus links drüber fahre, soll sich die Farbe im Zellhintergrund ändern. Da es recht viele Einträge gibt, sollte die Lösung einfach zu realisieren sein, - falls das geht....
Vielen Dank schon mal!

tschö

Detlef

  1. Hallo Detlef,

    geht nur für IE schnell zu realisieren (mit this.bgColor). Für den NN
    gibts diverse Tricks mit Layern, Divs, Grafiken und derartigen Scherzen,
    aber so "einfach" wie für den IE wirst Du das für den NN nicht hinbe-
    kommen.

    Guck auch mal im Archiv, vielleicht gefällt Dir ja eine Lösung ;-)

    BTW: Wieso nimmst Du nicht in Kauf, dass die Seite eben unter IE und
    NN anders aussehen; guck mal auf http://www.handelsblatt.com, die
    machen sich deswegen auch keinen Kopf...

    <img src="http://home.germany.net/100-80215/alex/images/promo/signet.gif" alt="">

    <img src="http://home.germany.net/100-80215/alex/images/promo/akonline.gif" alt="www.alexander-kleinjung.de" style="cursor:hand;" onMouseUp="newWindow=confirm('Soll meine Website in einem neuen Fenster anzeigt werden?');if(newWindow==false){window.location.href='http://www.alexander-kleinjung.de/';}else{window.open('http://www.alexander-kleinjung.de/','AKonline','directories=1,location=1,personalbar=1,menubar=1,toolbar=1,status=1,resizable=1');}" onmouseover="window.status='http://www.alexander-kleinjung.de';return true;" onmouseout="window.status='';return true">

    1. Hi Alex

      geht nur für IE schnell zu realisieren (mit this.bgColor). Für den NN
      gibts diverse Tricks mit Layern, Divs, Grafiken und derartigen Scherzen,
      aber so "einfach" wie für den IE wirst Du das für den NN nicht hinbe-
      kommen.

      schade

      Guck auch mal im Archiv, vielleicht gefällt Dir ja eine Lösung ;-)

      _wonach_ muß ich denn da schauen? Hab mich schon umgesehen, aber nix gefunden...

      BTW: Wieso nimmst Du nicht in Kauf, dass die Seite eben unter IE und
      NN anders aussehen;

      nun ja, weils eben halt ne Designer-Seite werden soll. Und die Jungs (und Mädels) eben etwas merkwürdige Ansprüche haben...

      tschö

      Detlef

      1. Hallo Detlef,

        Guck auch mal im Archiv, vielleicht gefällt Dir ja eine Lösung ;-)

        _wonach_ muß ich denn da schauen? Hab mich schon umgesehen, aber
        nix gefunden...

        Hintergrund, Tabelle, Netscape, DHTML... das sollten Stichworte sein,
        mit denen Du u.U. weiterkommst.

        BTW: Wieso nimmst Du nicht in Kauf, dass die Seite eben unter IE und
        NN anders aussehen;

        nun ja, weils eben halt ne Designer-Seite werden soll. Und die
        Jungs (und Mädels) eben etwas merkwürdige Ansprüche haben...

        Dann bliebt IMHO nur um die Ecke denken, also entweder alles mit
        Grafiken lösen oder evtl. mit verschachtelten Layern, die mW aber in
        Verbindung mit Tabellen auch nicht ganz unproblematisch sind.
        Grafiken (Text und Hintergrund) sind wohl die einfachste, wenngleich
        nicht die eleganteste Lösung.

        <img src="http://www98.l8.xodox.com/promo/signet.gif" alt="">

        <img src="http://www98.l8.xodox.com/promo/akonline.gif" alt="www.alexander-kleinjung.de" style="cursor:hand;" onMouseUp="window.open('http://www98.l8.xodox.com/promo/forum.htm','select','width=325,height=240');" onmouseover="window.status='http://www.alexander-kleinjung.de';return true;" onmouseout="window.status='';return true">

  2. Hallo
    ich suche einen MouseOver-Effekt, der sowohl mit Winzigweich als auch mit Netscape funktioniert.

    Verwende separate Funktionen, die den Browser ueber das jeweilige Objektmodell ansprechen.

    IE 4+:
    document.all[ID].style.backgroundColor="#ABCDEF";

    NN 4.x:
    document.layers[ID].bgColor="#ABCDEF";

    W3C-DOM (IE 5.x und NN 6):
    document.getElementById(ID).style.backgroundColor="#ABCDEF";

    Ein Beispiel findest Du hier:
    http://www.styleassistant.de/tips/tdbgcolor.htm.

    MfG, Thomas