adding a tooltip for each option item in drop down menu

[maria_megha]

have a scenario where I show a drop-down-with-few-items in a JSP page, to the user.
The length of few options in the drop down is greater than that of the drop down's, hence our requirement is to show the hovered (not selected) option as tooltip for user's convenience. I cannot use the title attribute option as its not compatible with my web browser

[Philip M]

Double-posted at http://forums.89.biz/forums/javascri...ropdown+option


A few browsers support title in the options list, but most do not. They also do not support mouseover events. If you want to do this, you basically have to code your own select element out of divs, and lists, and links.

Google for more info.


All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

[Krupski]

Originally Posted by maria_megha

have a scenario where I show a drop-down-with-few-items in a JSP page, to the user.
The length of few options in the drop down is greater than that of the drop down's, hence our requirement is to show the hovered (not selected) option as tooltip for user's convenience. I cannot use the title attribute option as its not compatible with my web browser

Why not just make the select drop-down wider?

And, if you're having problems with things not working, you are probably using MSIE.

Fortunately, there is a nice, clean and simple fix for MSIE not supporting hover... check here:

http://www.xs4all.nl/~peterned/csshover.html

It's one little file you stick in your CSS and bingo! Hover works in MSIE.