PDA

View Full Version : can i activate a link before stay over it thanks to the tables?



neokultur
10-01-2006, 05:05 AM
The information in Seed Magazine in the section Focus shows the Latest Articles in a specific form: the links are underlined even before i have reached, thanks to a gray table: http://www.seedmagazine.com/focus/

I understand how to design this kind of tables using things like: onMouseover, onMouseout, onClick, but i can't get this effect when the cursor just arrives to the table, then the link is immediately underlined.

My code:

<tr onClick="document.location='home.html'" >

<td colspan="2" valign="top" bgcolor="#C4C4C4" onMouseover="this.bgColor='lightgrey'; this.style.cursor='pointer'; this.className='linkover', this.className='on'"
onMouseout="this.bgColor='#F2F2F2'; this.className='linkout'; "this.className='off'">

<A href="http://www.seedmagazine.com/">Some Text</A>
</td>
</tr>

Thanks

jscheuer1
10-01-2006, 09:28 AM
The css for underline is:


text-decoration:underline;

The javascript call for it (following your use of 'this'):


this.style.textDecoration='underline';

neokultur
10-01-2006, 05:56 PM
Thanks!

Only i should add:


onMouseout="this.bgColor='lightgrey'
this.style.textDecoration='none'


:)