table row as one big link ? 1

[ghorr]

I need one table row with more table cells to act as one big link ...
What i actually need is for the entire row to highlight when i have the mouse over any of the cells , and the link to be the same for all the cells in the row

 

[Vragabond]

How about this?

<table>
 <tr onClick=&quot;document.location = '[URL unfurl="true"]http://www.google.com'&quot;[/URL] style=&quot;cursor: pointer;&quot; onmouseover=&quot;this.bgColor='#CCCCCC'&quot; onmouseout=&quot;this.bgColor='#FFFFFF'&quot;>
  <td> Text1 </td>
  <td> Text2 </td>
  <td> Text3 </td>
 </tr>
</table>

Hope it helps.

 

[ghorr]

weeheee ...thanx

 

[ghorr]

heh ... can you please tell me possible values for cursor and how can i change the color of the text (not the bg color)?
thanx a lot

 

[Vragabond]

Well, if you want to change many outlooks of the row, you should rather go with classes:

<tr class=&quot;normal&quot; onClick=&quot;document.location = '

http://www.google.com'&quot;

style=&quot;cursor: pointer;&quot; onmouseover=&quot;this.className='hilite'&quot; onmouseout=&quot;this.className='normal'&quot;>

and add classes in the styles in the head (or separate CSS file):

<style>
.normal {
	color: black;
	background: white;
}
.hilite {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
	background: #CCCCCC;
}
</style>

You can add your own URL for cursor, as for which are available, consult:

http://www.w3schools.com/css/pr_class_cursor.asp

 

[ChrisHunt]

To be on the safe side, you should make the text in the table cells into conventional <a href=&quot;...&quot;> links as well, so it still works for people (and search engine spiders) who have Javascript switched off. You can use CSS to turn off the standard link colouring and underline if you want to.

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk