2009/12/10

在 Firefox, Chrome Browser 中, 實現 Table 的整列鏈結

以前在 IE Browser 中,

利用以下程式碼, 即可實現 Table 的整列 Row 鏈結 :
 程式碼
<table border="1">
  <a href="http://www.kimo.com.tw"><tr><td>Yahoo</td><td>Kimo</td></tr></a>
  <a href="http://www.google.com.tw"><tr><td>Google</td><td>Search</td></tr></a>
</table>

但在其他 Browser (如: Firefox, Chrome) 卻無法正常實現整列鏈結,

必須改為以下程式碼, 才可以實現 :
 程式碼
<table border="1" >
  <tr onClick="window.open('http://www.kimo.com.tw');"><td>Yahoo</td><td>Kimo</td></tr>
  <tr onClick="window.open('http://www.google.com.tw');"><td>Google</td><td>Search</td></tr>
</table>

這樣的修正, 在 IE 中也適用.