Tabelle einen Hyperlink zuweisen

Wer kennt das nicht? man hat ein schönes template gebastelt, bereits gesliced und hat eine fläche vergessen. Da ich wie imemr zu faul bin das ganze nochma zu slicen hab ich folgendes rausgefunden:

Um eine Fläche von einer Tabelle einen link zuzuweisen ohne ein bild oder text in die tabelle einzufügen muss man dem <td> einfach diese eigenschaft hinzufügen:

onclick="window.location.href=ziel.html"

wenn man nun auf die Spalteder tabelle klickt, komtm man auf die ziel.html.. genauwie bei einem link... nur halt ohne link ;)

Hier, um die Sache verständlicher zu machen, ein Beispiel:

<table width="500" height="400" border="0" cellspacing="0" cellpading="0">
<tr>
<td align=center>klick mal unter mich =)</td>
<td onclick="window.location.href='ziel.html'"> </td>
</tr>
</table>

wenn ihr euch fragt was das da soll: Wenn eine tabelle keinen inhalt hat, wird sie vom IE einfach schlauerweise garnicht erst angezeigt =). das ist ein erzwungenes leerzeichen in HTML und zwingt den IE die tabelle anzuzeigen, weil ja inhalt vorhanden.

Um die tabelle beim mouseover noch zu verändern könnte man dem <td> noch folgendes hinzufügen:

onMouseOver=this.style.backgroundColor="cdcdcd" onMouseOut=this.style.backgroundColor=""

Der onMouseOver befehl bewirkt, dass beim MouseOver, also dem zeigen mit dem mauszeiger über die tabelle, die tabelle ihre hintergrundfarbe verändert.

Der onMouseOut befehl bewirkt, das die tabelle, wenn der zeiger sie wieder verlässt, die alte Hintergrundfarbe annimmt.

Ich hoffe das hilft euch un ihr konnt das irgendwann mal gebrauchen ;)

eua Zeo

« Nächstes Tutorial Vorheriges Tutorial »

Kommentare

-xXx- am Freitag, 2. April 2004 um 20:06

irngdwie is das eher javascript aber is eh kp, passt da genauso rein ;)

g@Me|mX am Freitag, 2. April 2004 um 21:25

THX, das hab ich gesucht ;)

Zeosunang am Samstag, 3. April 2004 um 02:00

findsch zuwenig java script ums ins javascript zu packen.. außerdem sucht da keiner nach sowas ;) aba ich kansn gern nochma bei javascript posten ^^

beyox am Samstag, 3. April 2004 um 10:33

kannste vllt die code schnipsel noch mit dem Board script hervor heben?
<br>dann is das nochmal ein bisschen übersichtlicher :)
<br>
<br>danke

reaLfoX am Dienstag, 6. April 2004 um 23:35

tolles tut zeo! respekt

Sunigatsu am Mittwoch, 7. April 2004 um 12:24

Echt gut!

LordZed am Dienstag, 20. April 2004 um 20:33

wenn ich mich nicht irre geht das auch mit einem einfachen hyperlink-tag in dieser form:
<br>
<br><a href="ziel.htm">
<br><td>[...]</td>
<br></a>
<br>
<br>so dürfte es auch gehen! Das ist doch genau das, was hier bewirkt wird, oder nicht?

blackfeet am Montag, 3. Mai 2004 um 21:38

Ja so wirds bei uns bei Webstylez zum beispiel ganz oben gemacht, funkt dann aber im ns und co nicht.