Results 1 to 3 of 3

Thread: can i activate a link before stay over it thanks to the tables?

  1. #1
    Join Date
    Oct 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy can i activate a link before stay over it thanks to the tables?

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The css for underline is:

    Code:
    text-decoration:underline;
    The javascript call for it (following your use of 'this'):

    Code:
    this.style.textDecoration='underline';
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks!

    Only i should add:
    Code:
    onMouseout="this.bgColor='lightgrey'
    this.style.textDecoration='none'

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •