Tabellenzellen verlinken
Tabellenzellen lassen sich bequem mit JavaScript verlinken. Dazu musst du nur das onClick Ereignis abfangen und die URL im Browser ändern. Das class Attribut dient zur Formatierung mit CSS (siehe unten). Folgendes Script erklärt sich selber:
<td onClick="location.href='anderswo.html';" class="menu"> Woanders hin </td>
Mit einem Hauch CSS kannst du die Zelle noch animieren. Folgender CSS Code tauscht die Hintergrundfarbe Grau gegen Rot aus, und ändert den Cursor auf die Link-Hand.
td.menu
{ background-color:#C0C0C0; }
td.menu:hover
{ background-color:#FF0000; cursor:pointer; }
Der Internet Explorer bis Version 6 hat noch immer Probleme hover korrekt umzusetzen. Zur Not kannst du die Hintergrundfarbe auch mit JavaScript austauschen.
<td class="menu" onClick="location.href='anderswo.html'; onMouseover="this.style.backgroundColor='#FF0000';" onMouseout="this.style.backgroundColor='#C0C0C0';"> Woanders hin </td>
Zurück
This work is licensed under a Creative Commons Attribution-ShareAlike 2.0 Austria License.