Results 1 to 5 of 5

Thread: Cool DHTML tooltip script - Make a picture appear in box

  1. #1
    Join Date
    Dec 2005
    Posts
    107
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Wink Cool DHTML tooltip script - Make a picture appear in box

    1) Script Title: Cool DHTML tooltip script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tmltooltip.htm

    3) Describe problem:

    I have taken the Cool DHTML tooltip script and added it to an Image map. I want to add a graphic with a picture inside the tip too.

    I have searched this forum and do not see a solution. Can anyone help? I thought I had posted this before and someone answered but I do not see it.

    Here it is:

    http://www.killerantennaballs.com/virtual_map.htm

  2. #2
    Join Date
    Jul 2007
    Location
    California
    Posts
    177
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Not that I have any clue what I'm talking about... but you can't just add an image src in with the text?

    The real reason I'm saying anything is the small world theory... tripped me out when I saw Blue Oaks Marketplace... considering I'm just down the block...

    At the very least at least you get a bump from this

  3. #3
    Join Date
    Dec 2005
    Posts
    107
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Small World!

    Actually we copied our client Blue Oaks Marketplaces virtual map and are replicating it for another client. The title has not been changed on the page yet so that is why you see Blue Oaks Marketplace.

    I tried img src with the carrots like this and it did not work.

    <area href="microsite_fitness_19.htm" shape="polygon" coords="444, 394, 445, 482, 493, 482, 523, 482, 523, 395" onMouseover="ddrivetip('<img border="0" src="Lanitech_Artwork/graphic_office_photo.jpg" width="312" height="223">Recption Area: (17ft x 19ft)')";
    onMouseout="hideddrivetip()">

  4. #4
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You need to put a backslash in front of any quotes, apostrophes or open/close brackets or an error will occur.
    So instead of

    onMouseover="ddrivetip('<img src="Lanitech_Artwork/graphic_office_photo.jpg">Reception Area: (17ft x 19ft)')";
    onMouseout="hideddrivetip()">

    try

    onMouseover="ddrivetip('\<img src=\"Lanitech_Artwork/graphic_office_photo.jpg\"\>Reception Area: (17ft x 19ft)')";
    onMouseout="hideddrivetip()">

  5. #5
    Join Date
    Dec 2005
    Posts
    107
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    That did not work! Still I have no picture inside my tool tip :-(

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
  •