HTML
Przekształć poniższy kod w taki sposób, aby link otwierał się nie tylko po kliknięciu napisu "LINK", ale również po kliknięciu obszaru całej komórki.
Kod HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TYTUŁ</title>
</head>
<body bgcolor="black">
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" />
<link rel="shortcut icon" href="URL">
<table style="vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="undefined" valign="undefined">
<table style="background-color: rgb(128, 128, 128); width: 95%; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td bgcolor="#ffffff" onmouseover="this.bgColor='lime'" onmouseout="this.bgColor='#ffffff'" style="width: 25%; text-align: center; vertical-align: top;">
<div style="float:left"><div align="left">
<div style="font-size:14px"><b>X<br>
Y<br>
<a onclick="this.href='*'">LINK</a></b></div>
</div></div>
<div style="float:right"><div align="right">
<font style="font-size:7px"> </font><br><font style="font-size:30px">Z</font>
</div></div>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" onmouseover="this.bgColor='lime'" onmouseout="this.bgColor='#ffffff'" style="width: 25%; text-align: center; vertical-align: top;">
<div style="float:left"><div align="left">
<div style="font-size:14px"><b>X<br>
Y<br>
<a onclick="this.href='*'">LINK</a></b></div>
</div></div>
<div style="float:right"><div align="right">
<font style="font-size:7px"> </font><br><font style="font-size:30px">Z</font>
</div></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
Na początek nieco uwag cd.kodu - niepotrzebnie wklepany został tam JavaScript, ponadto z jednej strony poprawnie korzystasz z CSS ("float", "font-size"), a z drugiej masz tam brzydkie "bgcolor" jako atrybut...
Użycie CSS byłoby lepsze, logiczniejsze i łatwiejsze - patrz zdarzenia `:active`, `:hover` itd.
A odpowiadając na pytanie: możesz podpiąć zdarzenie `OnClick` do konkretnej komórki tabeli i zmieniać `location.href`. Wady są jedynie takie, że user będzie musiał mieć włączony JS oraz nie będzie działało Ctrl+LPM, czyli otwieranie kart na nowej zakładce (o ile tego ręcznie nie oprogramujesz).