[JavaScript] Tabelle - Hintergrund bei mouseOver ändern

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [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]

    Comment


    • #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.

      Comment


      • #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

        Comment


        • #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 ...

          Comment

          Working...
          X