Results 1 to 5 of 5

Thread: mouseover an image for a text box

  1. #1
    Join Date
    Aug 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default mouseover an image for a text box

    It should be simple, but I can't find one. I want to mouseover an image and have descriptive text appear - similar to alt and title, but with more options for font.
    What I have tried relies on mousing over text to get a text box appear over the image.
    Anyone got the solution? Please?

    Zefirebird

  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

    Google:

    javascript tooltip

    And/or look in the Dynamic Drive library here:

    http://www.dynamicdrive.com/dynamicindex5/index.html

    FYI - Many tooltip scripts allow you to have a tip on anything, others require that it be a link. You can always link an image though.
    - John
    ________________________

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

  3. #3
    Join Date
    Aug 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks John for your speedy reply.

    This is what I have:
    navtxt

    Code:
     <img border="0" src="images/index-river-to-sky.jpg" width="211" height="281" hspace="4"><a href="javascript:void(0)" onmouseover="writetxt('A river reaching towards the sky represented by elemental inlays,<br> shadow lines on three sides and also negative airspace between the pair.<br> Inset curved copper denotes the headlands that shape the rivers path')" onmouseout="writetxt(0)">In which browser<br>will this run?</a>
    but I can't see where linking the image fits into the html.

    Is this asking too much? I have perused the tooltip scripts but can't make sense of them for what I want.

    Zefirebird

  4. #4
    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

    Assuming your mouse over/out events work as one might expect:

    Code:
    <a href="javascript:void(0)" onclick="return false;" onmouseover="writetxt('A river reaching towards the sky represented by elemental inlays,<br> shadow lines on three sides and also negative airspace between the pair.<br> Inset curved copper denotes the headlands that shape the rivers path')" onmouseout="writetxt(0)"><img border="0" src="images/index-river-to-sky.jpg" style="width: 211px; height: 281px; border: none;" alt=""></a>In which browser<br>will this run?
    - John
    ________________________

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

  5. #5
    Join Date
    Aug 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default image link to text box

    Do you get many Dear John Letters?
    This is one.

    Dear John,
    that was excellent and did the trick, thanks so much for your expertise.

    Zefirebird
    http://www.dynamicdrive.com/forums/i...lies/smile.gif

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
  •