[JavaScript] Tabelle - Hintergrund bei mouseOver ändern

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [JavaScript] Tabelle - Hintergrund bei mouseOver ändern

    Ich habe eine Tabelle und würde gerne beim mouseover der ganzen Zeile eine andere Farbe geben.

    Mache ich es so, geht es:
    PHP-Code:
    <tr onmouseover="style.backgroundColor='yellow'" onmouseout="style.backgroundColor='#fce49c'"
    Da das aber den Quelltext verstopft und schlecht pflegbar ist, würde ich es gerne in einer externen Datei machen.

    Habe dann so gemacht:
    PHP-Code:
    <tr onmouseover="navIn(this)" onmouseout="navOut(this)"
    PHP-Code:
    function navIn(objekt)
    {
     
    objekt.style.backgroundColor='yellow';
    }

    function 
    navOut(objekt)
    {
     
    objekt.style.backgroundColor='red';

    Im Firefox klappt das, im IE passiert nichts und ich bekomme unten links ein Ausrufezeichen im Browserfenster.

    Was stimmt an dem Code nicht?
    Gruß,
    Peter

  • #2
    Ich weiss ja nicht welche IE Version du nutzt aber auf meinem 6er geht das wunderbar.
    gruss Chris

    [color=blue]Derjenige, der sagt: "Es geht nicht", soll den nicht stoeren, der's gerade tut."[/color]

    Kommentar


    • #3
      Re: [JavaScript] Tabelle - Hintergrund bei mouseOver ändern

      Original geschrieben von Screw Driver
      im IE passiert nichts und ich bekomme unten links ein Ausrufezeichen im Browserfenster.
      Und wenn du darauf doppelklickst, bekommst du auch eine Fehlermeldung ...!
      I don't believe in rebirth. Actually, I never did in my whole lives.

      Kommentar


      • #4
        Es sagt "Fehler: Objekt erwartet". Die Zeile auf die das verweist ist dir mit dem <tr>

        PHP-Code:
        <table cellpadding="0" cellspacing="0" border="0" class="articles">
         <
        tr onmouseover="navIn(this)" onmouseout="navOut(this)">
          <
        td><a href="#"><img src="../img/icon/article_start.gif" alt=""/></a></td>
          <
        td><a href="#">Beschreibung</a></td>
          <
        td>02.12.2006</td>
          <
        td>Lesen</td>
         </
        tr>
        </
        table
        Gruß,
        Peter

        Kommentar


        • #5
          Eigenartig, also bei mir (IE) gehts auch...Ist ein Fehler außerhalb des von dir geposteten Codes auch wirklich auszuschließen? Also manchmal macht man ja auch einfach mal einen Schreibfehler...schreibt Jabascript oder sonstwas...zur Not gib mal den kompletten Javascript relevanten Code (inkl. <script...></script> Tags). Immerhin gings ja vorher ...

          Kommentar

          Lädt...
          X