TomGrill: Mouseover bei <td>

Hallo,

ich erstelle derzeit ein Turnierscript und stehe vor einem Problem beim Grid.

ich möchte, das wenn man mit der Maus über einen Spielernamen fährt, der komplette Spielverlauf des Spielers durch eine Änderung der Hintergrundfarbe der entsprechenden <td> hervorgehoben wird.

So sieht es normal aus:
http://www.tomgrill.de/grid1.htm

so soll es aussehen, wenn man mit der Maus über den Spielernamen TomGrill fährt:
http://www.tomgrill.de/grid2.htm

Vielen Dank,

TomGrill

  1. Hallo TomGrill,

    Denkansatz ungeprueft:

    • alle Zellen mit dem Text 'Tom Grill' erhalten eine ID nach dem Muster 'tomgrill_0' - 'tomgrill_n'
    • Beim Mouseover checkt die Funktion mit indexof die ID's und packt die 'tomgrill' ID's in ein Array
    • dann geht sie in einer Schleife durch das Array mit document.getElementByI('arrayname[i]'+'_'+i').style.backgroundColor und faerbt die Zellen entsprechend
    • vor dem Farbtausch ueberprueft die Funktion die Ursprungsfarbe und packt diese ebenfalls in ein Array, um beim Mouseout die alte Farbe wiederherzustellen.

    Dieter

    1. Hallo TomGrill,

      Denkansatz ungeprueft:

      • alle Zellen mit dem Text 'Tom Grill' erhalten eine ID nach dem Muster 'tomgrill_0' - 'tomgrill_n'
      • Beim Mouseover checkt die Funktion mit indexof die ID's und packt die 'tomgrill' ID's in ein Array
      • dann geht sie in einer Schleife durch das Array mit document.getElementByI('arrayname[i]'+'_'+i').style.backgroundColor und faerbt die Zellen entsprechend
      • vor dem Farbtausch ueberprueft die Funktion die Ursprungsfarbe und packt diese ebenfalls in ein Array, um beim Mouseout die alte Farbe wiederherzustellen.

      Dieter

      hmm danke erstmal, nur mein problem ist, das ich noch nie mit java gearbeitet habe :)

      ich bräuchte also ein beispiel aus dem ich mir das entsprechende script zuzeln kann :)

      1. Mahlzeit...

        was hälst du davon?

        <td
        onClick="top.location.href="index.php?content=news"
        style="cursor:hand"
        onmouseover="this.bgColor='#ffac2f';return true"
        onmouseout="this.bgColor='#ffac2f'"
        bgcolor="#808080"
        class="lrorand" id="menupunkt" valign="middle" height="20"><img src="./pics/m_pf.gif"> news</td>

        Kannst aber auch die Formatierung in einer .css festlegen...
        Wenn du noch fragen bzgl. des Frames Titles, usw... hast mailme@="dehe24@web.de"

        Hoffe, ich konnte dir helfen

        grüße aus Hessen
        Dennis

        1. Mahlzeit...

          nochmal.

          Is ne nette paralelle lösung. Is kein Java, NS Opera Mozilla, MAC, Linux, usw. IE browser fähig...usw...

          also

          Grüße aus Hessen
          Dennis

        2. leider nein, weil das problem darin besteht, mehrere <td> zu selber zeit zu changen und beim mouseout wieder die originalfarben zu bekommen.

  2. juhu mittlerweile hab ich es geschaft, das sich mehrere <td> backgrounds ändern.

    ABER beim mouseout hab ich das problem, das er alle <td> mit einer farbe füllt. es soll so aussehen, wie vor dem mouseover aussieht

    http://www.tomgrill.de/grid3.htm
    hier sieht man das problem

    danke