Sticky tooltip in a form

[BackWooD]

1) Script Title: Sticky Tooltip script


2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/stickytooltip.htm
(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:

<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?! :o
If not how can i best get this done?

Thx in advance!

[Nile]

Add the data-tooltip to the option tag:


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


Good luck!

[BackWooD]

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

I tryed :


<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:


<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 :rolleyes:

[Nile]

Make sure you have a div that looks like this:


<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]

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]

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?

[BackWooD]

Browser IE 8

[BackWooD]

In FF it works fine i see!!!!

[BackWooD]

But how to get it good in ie then?

[BackWooD]

Nile, really thanks a lot, but can you please help me further? why does'nt it work in IE?

[Nile]

Please don't double post - I will help you as fast as I can. The onmosueover appears to not work in IE on an <option>. Nothing can really be done about that.

[BackWooD]

Did'nt mean too... enthusiastic. But this don't work. I solved it. I tryed a differnet approach.
Thanks for the effort and help