Msg#: 4414330 posted 12:40 am on Feb 5, 2012 (gmt 0)
I hope when you said "table row" you meant "table cell" because that's what the original thread was about. You wouldn't be able to do it for a whole row-- at least not if you want the page to validate ;) --because once you are in a table, everything has to be inside a cell.
However, it not clear where to add which code.
Birdbrain's post in that thread lays it out pretty clearly. You can ignore most of the CSS; it doesn't apply to the link itself. The :hover section is useful as a diagnostic. It shows you where the active link is without having to follow the link.
The key part is
This means-- or should mean-- that the link uses the entire width and height of the cell. The cell content then goes inside the <a> tags. Again, this means the content cannot contain any block-level elements or the validator will scream at you. Only spans.
Now the bad news: The posted code works because the table contains only one cell, which therefore contains no unused space. It's only as wide and tall as its own text. If you add a second cell and pack in some content so it is taller than the first cell, you will see that only the content of the first cell acts as a link. I tried it in six browsers, plus the text editor's html preview, and it doesn't work in any of them.
Msg#: 4414330 posted 5:09 pm on Feb 6, 2012 (gmt 0)
How they are doing it: <tr onclick="callDetailPage('LINK-A')"> <td><a href="LINK-A" onclick="callDetailPage('LINK-A')"></td> <td><a href="LINK-A" onclick="callDetailPage('LINK-A')"></td> <td><a href="LINK-A" onclick="callDetailPage('LINK-A')"></td> <td><a href="LINK-A" onclick="callDetailPage('LINK-A')"></td> </tr>