Zellen Gruppe bei onMouseOver hinterlegen

[fastix®]

Moin!

Wow!!! das ging schnell, war genau das was ich brauche und genau wie ich es brauche: einfach

Allerdings ist es wohl doch nicht ganz die für Deinen Fall.

Gruppe1   Gruppe3   Gruppe2   Gruppe5
   Gruppe2   Gruppe5   Gruppe1   Gruppe3
   Gruppe4   Gruppe2   Gruppe4   Gruppe5

Du brauchst sowas:

<script type="text/javascript"><!--
  var gruppe=new Array();

/* Bestimmung der Gruppen */
  var gruppe[1]=new Array("z1_r1","z2_r3);
  var gruppe[2]=new Array("z1_r3","z2_r1);
  var gruppe[3]=new Array("z1_r2","z2_r3);
  ...

function m_over(gr,in_out) {
     for (var i=1; i<3; i++) {
       if (in_out == 1) {
         document.getElemementById[gruppe[gr][i]].style.backgroundColor="green";
       } else {
         document.getElemementById[gruppe[gr][i]].style.backgroundColor="blue";
     }
   }
//--></script>

Die Tabellenzellen sollten dann so aussehen:

<table>
<tr>
<td id="z1_r1" onmouseover="m_over(1,1)" onmouseout="m_over(1,0)">Gruppe 1</td>
<td id="z1_r2" onmouseover="m_over(3,1)" onmouseout="m_over(3,0)">Gruppe 3</td>
...
</tr>
...
<td id="z2_r3" onmouseover="m_over(1,1)" onmouseout="m_over('z1_r1',0)">Gruppe 1</td>
...

Die erste Zahl in der Klammer ist Deine Gruppennummer, die zweite ein Flag für mouse over und mouse out. Dadurch sparst Du die zweite Funktion.

Die Gruppen baust Du im Javascript bei Erstellen und Belegen des Arrays zusammen. Ich bin hier davon ausgegangen, dass jede Gruppe 2 Zellen hat.

Leider muss die Zusammenstellung der Gruppen schon beim Erstellen des Javascriptes bekannt sein. Das kann die Programmierung schwieriger machen, wenn die Daten aus einer DB kommen und serverseitig PHP oder ähnliches verwendet wird.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®