peterS.: td:hover -> tr verändern?

Beitrag lesen

hallo again chrigu,

ich weiss nicht, was sich sonst noch so in Deinem code
   versteckt haelt aber dieses beispiel, welches den zugriff
   ueber "parentNode" demonstrieren soll, funktioniert wunderbar:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>tableHighlighting.html</title>
    <style type="text/css">
      /*
      */
    </style>
    <script type="text/javascript">
      /*
      */
    </script>
  </head>

<body>
    <table id="test01" rules="rows" cellpadding="5" border="0">
      <tbody>
        <tr>
          <td onmouseover="this.parentNode.style.backgroundColor='#ff0000'" onmouseout="this.parentNode.style.backgroundColor=''">row 01<br />col 01<br /></td>
          <td>row 01<br />col 02<br /></td>
          <td>row 01<br />col 03<br /></td>
        </tr>
        <tr>
          <td>row 02<br />col 01<br /></td>
          <td>row 02<br />col 02<br /></td>
          <td>row 02<br />col 03<br /></td>
        </tr>
      </tbody>
    </table>
  </body>

</html>

<tr align='center'>
<td class="day" onmouseover="this.parentNode.style.backgroundColor='#ff0000'">test</td>
</tr>

so ändert sich die hintergrundfarbe der zeile nicht!?
jedoch mit einem simplen this anstatt this.parentNode schon..

nochmal "this" spricht das aktuelle element an - in diesem fall "td",
   "this.parentNode" spricht das elternelement an - hier also "tr";

was mache ich falsch?

keine ahnung -
   * wie sieht Dein quellcode sonst noch so aus ?
   * was steht denn in der klassen-definition fuer "day" ?

bis bald - peterS. - pseliger@gmx.net

--
sh:| fo:) ch:? rl:| br:& n3:} n4:# ie:| mo:{ va:| de:[ zu:] fl:) ss:) ls:& js:)