Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to implement Google Finance style table row overlays?

    Hello all,

    I was wondering if someone could please shed some light on something I'd like to be able to implement. I am trying to figure out how to implement the overlays shown in the Google Finance pages. Take a look at this Google Finance page. If you go down to the Management section (at the bottom-right) and you hover your mouse over a row in the Management table, you'll see the effect I am looking at. The one where it shows that manager's details.

    I've been playing around with this, trying to show/hide hidden table rows when hovering over a row, but I am not able to get this to work. Maybe there are examples out there on the web that show this technique? Any pointers would be greatly appreciated. I've looked around quite a bit but cannot find an answer.

    Thank you.

    Regards,
    Diego

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    http://www.jlhaslip.com/samples/tooltips/

    might help. Set the position to 0, 0 to overwrite the div, un-tested for your situation, but it comes to mind as a possible solution.

    Also, the method they use is on their page. Do a view source to find the id and class for the link to Steve Jobs.
    Their css is in the head style section.
    Last edited by jlhaslip; 10-23-2007 at 03:56 PM.

  • #3
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the reply. Appreciate it. I'll check out the link.

    Cheers,
    Diego


  •  

    Posting Permissions

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