peterS.: table & css & js & hover ... [teil2]

Beitrag lesen

... 2ter teil:

<body>
    <table id="test01" rules="rows" cellpadding="5" border="0">
      <colgroup class="colOdd">
        <col />
        <col class="colEven" />
        <col />
      </colgroup>
      <colgroup class="colEven">
        <col />
        <col class="colOdd" />
        <col />
      </colgroup>
      <thead>
        <tr>
          <th>thead 01<br /><br /></th>
          <th>thead 02<br /><br /></th>
          <th>thead 03<br /><br /></th>
          <th>thead 04<br /><br /></th>
          <th>thead 05<br /><br /></th>
          <th>thead 06<br /><br /></th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td><br />tfoot 01<br /></td>
          <td><br />tfoot 02<br /></td>
          <td><br />tfoot 03<br /></td>
          <td><br />tfoot 04<br /></td>
          <td><br />tfoot 05<br /></td>
          <td><br />tfoot 06<br /></td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 01<br />col 01<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 01<br />col 02<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 01<br />col 03<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 01<br />col 04<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 01<br />col 05<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 01<br />col 06<br /></td>
        </tr>
        <tr>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 02<br />col 01<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 02<br />col 02<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 02<br />col 03<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 02<br />col 04<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 02<br />col 05<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 02<br />col 06<br /></td>
        </tr>
        <tr>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 03<br />col 01<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 03<br />col 02<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 03<br />col 03<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 03<br />col 04<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 03<br />col 05<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 03<br />col 06<br /></td>
        </tr>
        <tr>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 04<br />col 01<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 04<br />col 02<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 04<br />col 03<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 04<br />col 04<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 04<br />col 05<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 04<br />col 06<br /></td>
        </tr>
        <tr>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 05<br />col 01<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 05<br />col 02<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 05<br />col 03<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 05<br />col 04<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 05<br />col 05<br /></td>
          <td onmouseover="tableCellOver(this,'background-color:#cc3300','background-color:#ff6600')" onmouseout="tableCellOut(this)">row 05<br />col 06<br /></td>
        </tr>
      </tbody>
    </table>
    <br /><br />
    <form id="masterForm">
      <input type="text" name="tbodyEventField" title="mouse event info line" size="43" value="" onfocus="this.blur()" disabled="disabled" />
      <input type="button" name="jsToggleButton" title=" toggle javascript - status: ON " value="toggle javascript - status: ON" onclick="jsToggle()" onfocus="this.blur()" />
    </form>
  </body>

</html>

by(t)e by(t)e - peterS. - pseliger@gmx.net

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