Bei on_mouse_over verschiedene Tabellen Felder einfärben

[schnaps]

hallo

ich hab etwas im Kopf was sich hoffentlich mit JS umsetzen läßt.

Ich möchte eine Tabelle mit 10x10 Feldern haben und wenn man mit der Maus über ein bestimmtes Feld fährt, soll sich bei bestimmten anderen Feldern die Hintergrundfarbe ändern.

Ich hoffe das ist zu verstehen....

Ist es möglich mit JavaScript die HG Farbe eines beliebigen Feldes zu ändern?
Wenn ja, brauch ich dafür doch bestimmt eine Art Namen, dass ich bestimmtes Feld ansprechen kann, wie würde ich das denn machen.

Hoffe das mir einer helfen kann,

Gruß

Schnaps

[Ashura]

puts "Hallo " + gets.chomp + "."

?> schnaps
=> Hallo schnaps.

Ist es möglich mit JavaScript die HG Farbe eines beliebigen Feldes zu ändern?

Natürlich.

Wenn ja, brauch ich dafür doch bestimmt eine Art Namen, dass ich bestimmtes Feld ansprechen kann, wie würde ich das denn machen.

Da hast das Stichwort schon fast selbst genannt:

getElementsByTagName() in Verbindung mit dem style-Objekt.

Alternativ kannst du dasselbe auch mit getElementByID oder getElementByName erreichen, musst hier aber die entsprechenden Attribute hinzufügen.

Einen schönen Mittwoch noch.

Gruß, Ashura

[wahsaga]

hi,

Alternativ kannst du dasselbe auch mit getElementByID oder getElementByName erreichen, musst hier aber die entsprechenden Attribute hinzufügen.

td hat aber kein name-attribut - wenn dann also id.

gruß,
wahsaga

[Ashura]

puts "Hallo " + gets.chomp + "."

?> wahsaga
=> Hallo wahsaga.

td hat aber kein name-attribut - wenn dann also id.

Meinetwegen. Ich kann nicht alles wissen. ;-)

Einen schönen Mittwoch noch.

Gruß, Ashura

[Schnaps]

Ok, für die Hilfe bis hier hin, ab auch noch weiter gegoogelt und ähnliches gefunden, damit werde ich es hinbekommen.

Ich habe gerade nur ein Problem, was ich nicht ganz verstehe.

Ich möchte mir die Tabelle mit folgendem Script ausgeben lassen über PHP, nur da kommt eine sehr große Tabelle raus, die ich so ja gar nicht haben möchte.

Hab mich da wohl in der Schleife verheddert, aber ich finde nicht ganz wo.

Wollte es extra schön kompakt schreiben und dann geht es nicht...

<table width="96%" cellspacing="2" cellpadding="2">
<?
for ($i=1;$i<201;$i++){

if ($i%20!=0){
  $row_string.="<td align="center">".$i."</td>\n";
}
else{
  $row_string.="<td align="center">".$i."</td>\n";
  $row_string.="<tr>\n".$row_string."</tr>\n";
}

}
echo $row_string;
?>
  </table>

hier das Ergebnis

http://217.20.119.159/iw/sichtweite.php

[schnaps]

habs gefunden!!!!!!!!!

Mußte die Variable zwischen durch halt immer wieder leeren, da sonst alles wiederholt wurde (quasi TD Fakultät)

<table width="96%" cellspacing="2" cellpadding="2" border="1">
<?
for ($i=1;$i<201;$i++){

if ($i%20!=0){
  $td_string.="<td align="center">".$i."</td>\n";
}
else{
  $td_string.="<td align="center">".$i."</td>\n";
  $row_string.="<tr>\n".$td_string."</tr>\n";
  $td_string='';
}

}
echo $row_string;
?>
  </table>

[Gernot Back]

Hallo schnaps,

ich hab etwas im Kopf was sich hoffentlich mit JS umsetzen läßt.

Ich möchte eine Tabelle mit 10x10 Feldern haben und wenn man mit der Maus über ein bestimmtes Feld fährt, soll sich bei bestimmten anderen Feldern die Hintergrundfarbe ändern.

Wenn es um dasselbe Feld ginge, wäre das sogar mit reinem CSS browserübergreifend möglich. Ansonsten geht das mit JS:

https://forum.selfhtml.org/?t=110462&m=692834

Bei anderen Feldern kannst du halt nicht einfach, wie Ashura in dem Thread beschreibt, mit this arbeiten, sondern musst die entsprechenden Felder mit document.getElementById() ansprechen oder wenn es immer das nächste, übernächste, vorherige oder vorvorherige Nachbarfeld ist, bietet sich vielleicht auch das Node-Objekt an.

Gruß Gernot