Sticky tooltip in a form

**BackWooD** · 11-21-2010, 02:54 PM

1) Script Title: Sticky Tooltip script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/stickytooltip.htm
3) Describe problem: Is it possible to use this script in a form?

This does'nt seem to work:

HTML Code:

<select multiple="multiple" size="4" class=eerste_keuze name=eerste_keuze id=eerste_keuze>
             <option value="van Velzen"><a href="#" data-tooltip="sticky1">van Velzen</a></option>
            <option value="Golden Earring"><a href="#" data-tooltip="sticky2">Golden Earring</a></option>
            <option value="Herman Brood"><a href="#" data-tooltip="sticky3">Herman Brood</a></option>
            <option value="Jan Akkerman"><a href="#" data-tooltip="sticky4">Jan Akkerman</a></option>
             </select>

When you hover over a name i would like to show a thumbnail of the face of the person.

Please help?!

If not how can i best get this done?

Thx in advance!

**Nile** · 11-21-2010, 03:32 PM

Add the data-tooltip to the option tag:

Code:

<option data-tooltip="sticky1">Thailand</option>

Good luck!

**BackWooD** · 11-21-2010, 03:59 PM

Thx for your help!!! But it does'nt work...

I tryed :

HTML Code:

<select multiple="multiple" size="4" class=eerste_keuze name=eerste_keuze id=eerste_keuze>
             <option data-tooltip="sticky1" value="van Velzen"><a href="#" data-tooltip="sticky1">van Velzen</a></option>
             </select>

And i tryed:

HTML Code:

<select multiple="multiple" size="4" class=eerste_keuze name=eerste_keuze id=eerste_keuze>
             <option data-tooltip="sticky1" value="van Velzen">van Velzen</option>
             </select>

This is driving me crazy

**Nile** · 11-21-2010, 04:37 PM

Make sure you have a div that looks like this:

Code:

<div id="mystickytooltip" class="stickytooltip">
<div style="padding:5px">

<div id="sticky1">
Sticky Tooptip 1 content here...
</div>

</div>
<div class="stickystatus"></div>
</div>

Please post a link to the page on your site that contains the problematic script so we can check it out.

**BackWooD** · 11-21-2010, 05:01 PM

I dont have it online... sorry.

But the div's are in place.
When i use it in the html it works just fine, but in the form it does'nt!

Weird?!

**Nile** · 11-21-2010, 05:02 PM

Please include your code so that we can take a look at it, we can't do much without it. When you do post your code remember to use [code] tags. That includes [ html ], [ code ], and [ php ].

What browser are you using?