JavaScript-Problem: RollOver funktioniert nicht im firefox

BazenPe

ich habe einen javascript code, der im internet explorer wunderbar funktioniert. nur im firefox funzt er nicht
kann mir vielleicht jemand helfen...

ich habe schon in diversen foren gelesen, dass es probleme mit dem document.all geben kann, ich weiß aber nicht, wie ich das in meinem fall ändern kann, wenn jemand vielleicht konkreten beispielcode posten könnte wäre ich sehr dankbar.

hier mein code:

PHP

//hier das javascript:


  <script language="javascript" type="text/javascript">
    var zaehlera=0, merkera=0, farbena = new Array();
    var oldActiveItem = -1;
    farbena[0] = "#C2420F";
    farbena[1] = "#C86435";
    farbena[2] = "#CB7548";
    farbena[3] = "#CE865B";
    farbena[4] = "#D1976E";
    farbena[5] = "#D4A881";
    farbena[6] = "#D7B994";
    farbena[7] = "#DACAA7";
    farbena[8] = "#DDDBBA";
    farbena[9] = "#DFDFC0";


    var zeilenzahla = "9";


    for (i = 1; i <= zeilenzahla; i++)
    {
      eval("merkerTa" + i + " = 0");
      eval("zaehlerTa" + i + " = 0");
      eval("xtimerTa" + i + " = null");
      eval("xTa" + i + " = ''");
    }


    function mOvra(nr)
    {
      if (nr == oldActiveItem) return;
      eval("zaehlera" + nr + " = 0");
      eval("merkera" + nr + " = 1");
      eval("document.getElementById("nr").bgColor = '" + farbena[0] + "'");
    }


    function mOuta(nr)
    {
      if (nr == oldActiveItem) return;
      eval("merkera" + nr + " = 0");
      xnra = nr;
      changeColora(xnra);
    }




    function changeColora(bereich)
    {
      if (eval("merkera" + bereich) != 1)
      {
        eval("xa" + bereich + " = " + bereich);
        eval("document.getElementById("bereich").bgColor = farbena[" + eval('zaehlera' 


+ bereich) + "]");
        eval("zaehlera" + bereich + "++");


        if (eval("zaehlera" + bereich) <= (farbena.length - 1) && eval("zaehlera" + 


bereich) > 0)
        {
          eval("xtimera" + bereich + " = setTimeout(\"changeColora('" + bereich + "')\", 


48)");
        }
      }
    }


    function absLeft(obj)
    {
      if (obj.offsetParent == null)
        return obj.offsetLeft;
      else
         return obj.offsetLeft + absLeft(obj.offsetParent);
    }


    function absTop(obj)
    {
      if (obj.offsetParent == null)
        return obj.offsetTop;
      else
         return obj.offsetTop + absTop(obj.offsetParent);
    }
  </script>


//hier ein teil des html codes:


<a href="../htm/archiv.htm" target="main">      
    <tr  id="<?php echo $zellenid++ ?>" bgcolor="#DFDFC0" 


align="left"onclick="mClicka(id);" onmouseover="mOvra(id);" 


onmouseout="mOuta(id);" style="border-bottom:solid 1px #DFDFC0; cursor:hand;">
<td><div  class="menu-level2-na" style="font-size:11px; ">[b]::<div></td>
<td><div class="menu-level2-na">[url='../htm/archiv.htm'] seiten[/url]</div></td>
    </tr></a>

Alles anzeigen

vielen dank für die hilfe.
achso hier die testseite: http://www.hisachomes.de/test

BazenPe

sorry ich hatte hier grad den falschen javascript code gepostet, so ist es richtig:

Code

<script language="javascript" type="text/javascript">
    var zaehlera=0, merkera=0, farbena = new Array();
    var oldActiveItem = -1;
    farbena[0] = "#C2420F";
    farbena[1] = "#C86435";
    farbena[2] = "#CB7548";
    farbena[3] = "#CE865B";
    farbena[4] = "#D1976E";
    farbena[5] = "#D4A881";
    farbena[6] = "#D7B994";
    farbena[7] = "#DACAA7";
    farbena[8] = "#DDDBBA";
    farbena[9] = "#DFDFC0";


    var zeilenzahla = "9";


    for (i = 1; i <= zeilenzahla; i++)
    {
      eval("merkerTa" + i + " = 0");
      eval("zaehlerTa" + i + " = 0");
      eval("xtimerTa" + i + " = null");
      eval("xTa" + i + " = ''");
    }


    function mOvra(nr)
    {
      if (nr == oldActiveItem) return;
      eval("zaehlera" + nr + " = 0");
      eval("merkera" + nr + " = 1");
      eval("document.all." + nr + ".bgColor = '" + farbena[0] + "'");
    }


    function mOuta(nr)
    {
      if (nr == oldActiveItem) return;
      eval("merkera" + nr + " = 0");
      xnra = nr;
      changeColora(xnra);
    }




    function changeColora(bereich)
    {
      if (eval("merkera" + bereich) != 1)
      {
        eval("xa" + bereich + " = " + bereich);
        eval("document.all." + bereich + ".bgColor = farbena[" + eval('zaehlera' + bereich) + "]");
        eval("zaehlera" + bereich + "++");


        if (eval("zaehlera" + bereich) <= (farbena.length - 1) && eval("zaehlera" + bereich) > 0)
        {
          eval("xtimera" + bereich + " = setTimeout(\"changeColora('" + bereich + "')\", 48)");
        }
      }
    }


    function absLeft(obj)
    {
      if (obj.offsetParent == null)
        return obj.offsetLeft;
      else
         return obj.offsetLeft + absLeft(obj.offsetParent);
    }


    function absTop(obj)
    {
      if (obj.offsetParent == null)
        return obj.offsetTop;
      else
         return obj.offsetTop + absTop(obj.offsetParent);
    }

Alles anzeigen

Modula

Zitat von BazenPe

ich habe schon in diversen foren gelesen, dass es probleme mit dem document.all geben kann, ich weiß aber nicht, wie ich das in meinem fall ändern kann, wenn jemand vielleicht konkreten beispielcode posten könnte wäre ich sehr dankbar.

document.all ist M$ Syntax - das der Mozilla das nicht kann ist völlig korrekt...

(Ich hab mir das Javascript nun allerdings nicht angesehen)

Was soll das JS können?

BazenPe

naja, eigentlich geht es nur darum, dass die beiden Zeilen in denen das document.all vorkommt umgeschrieben werden müssen. ich kenn mich aber leider kaum mit der javascript syntax aus, darum brauche ich hilfe...

das sind die beiden zeilen:
eval("document.all." + nr + ".bgColor = '" + farbena[0] + "'");
eval("document.all." + bereich + ".bgColor = farbena[' + eval('zaehlera' + bereich) + ']");

das javascript soll die tabellenzellen farbe verändern, wenn man mit der maus darüber geht, kannst du dir hier auch angucken, wenn du mit dem IE surfst: http://www.hisachomes.de/test

Ronald

Moin!

Das sind Microsoft-Spielerein, die funktionieren nur im IE und gehören nicht zum HTML/JavaScript-Standard, deshalb klappt es in Browsern wie dem Firefox nicht. Mozilla hält sich nun mal an die W3C-Vorgaben.

G.a.d.M.

Ronald

BazenPe

hi! ja, das ist mir schon klar, dass es so nicht funktioniert, deswegen brauche ich ja auh hilfe, irgendwie muss man dasselbe ja auch w3c-konform hinbekommen... ich hab jetzt zumindest schon mal das document.all ersetzt bekommen durch getElementByID(), aber in der einen Funktion scheint immer noch ein fehler drin zu sein, weiß vielleicht jemand rat???

Code

function mOuta(nr)
    {
      if (nr == oldActiveItem) return;
      eval("merkera" + nr + " = 0");
      xnra = nr;
      changeColora(xnra);
    }




    function changeColora(bereich)
    {
      if (eval("merkera" + bereich) != 1)
      {
        eval("xa" + bereich + " = " + bereich);
     document.getElementById(bereich).style.backgroundColor = 


farbena[window['zaehlera' + bereich]]; 
        eval("zaehlera" + bereich + "++");


        if (eval("zaehlera" + bereich) <= (farbena.length - 1) && eval("zaehlera" + 


bereich) > 0)
        {
          eval("xtimera" + bereich + " = setTimeout(\"changeColora('" + bereich + "')\", 


48)");
        }
      }
    }

Alles anzeigen

Tags