adding a tooltip for each option item in drop down menu

**Kor** · 02-04-2011 09:02 AM

Were we talking for nothing so far?

WolfShade has already found a solution for you:
http://dossett.org/11/No_onmouseover_for_options_in_IE/

Does it bother you that the select is multiple?

**maria_megha** · 02-04-2011 09:07 AM

yes.I solved by removing the multiple attribute of select element..bu the next problem with that code is it shows select size=5..so as a result it displays each option items..i got atleast 20-30 option items.So i want a select of size=1..When i make that change tooltips dont appear

...

**Kor** · 02-04-2011 09:22 AM

Wait a minute. Do you use IE6? Because title attribute works OK since IE7... If so, forget about that. IE6 is the worst browser ever. And its share market drops every day. Even Microsoft makes huge efforts to get IE6 out of this world. You should not code for IE6 anymore.

**maria_megha** · 02-04-2011 09:26 AM

yes I use IE6..i mean to say in my company they use IE6..SO cant help it..can u suggest what need to be done to implement tooltips for option items?

**WolfShade** · 02-04-2011 09:31 AM

Convince the company to upgrade to at LEAST Internet Explorer 7. To stay with IE6 is counter-productive.

^_^

**maria_megha** · 02-04-2011 09:34 AM

yes that also i shall do but in between isnt there any other solution to this?

**WolfShade** · 02-04-2011 09:38 AM

Not for IE6. Use the solution, find a computer with IE7 or greater, test it; tweak it if necessary, but test on IE7+ until it works as desired, and don't even give IE6 or earlier a second thought. Consider them non-existant.

^_^

**Kor** · 02-04-2011 09:45 AM

Originally Posted by maria_megha

yes that also i shall do but in between isnt there any other solution to this?

No, as far as I know.

**JMRKER** · 02-04-2011 10:12 AM

Originally Posted by maria_megha

okies so onmouseover event doesnt work for option elements in IE..i want to display tooltips for each option element..I googled and found that using title attribute is the solution for firefox but not for IE..SO now what do you suggest to make possible for a tooltip to appear on each option element?

So what were you thoughts on post #7? It creates a fake dropdown that does allow the use of title tooltips without using the <option> tags. You could remove the title settings altogether to use a hover technique to display a more lengthly pop-up description (tooltip). You can decide how many choices to initially display with the CSS setting of the <div> tag. Also allows the graphic that you cannot put into the drop down selection options. Might be a work-around until your company arrives in the 21st century.

**maria_megha** · 02-04-2011 10:43 AM

I just upgraded my IE TO VERSION 8..and tried the following piece of code in IE 8..it dint work(dint show tooltip)..but it works perfectly fine if i put it in firefox..

Code:

<html>
<body>
<select name="selectName">
<option onmouseover="this.parentNode.title=this.value" value="1 Kibology">1 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="2 Kibology">2 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="3 Kibology">3 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="4 Kibology">4 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="5 Kibology">5 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="6 Kibology">6 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="7 Kibology">7 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="8 Kibology">8 Kibology</option>
<option onmouseover="this.parentNode.title=this.value" value="9 Kibology">9 Kibology</option>
</select>
</body>
</html>

now whats the remedy for this?

**JMRKER** · 02-04-2011 11:31 AM

Originally Posted by maria_megha

I just upgraded my IE TO VERSION 8..and tried the following piece of code in IE 8..it dint work(dint show tooltip)..but it works perfectly fine if i put it in firefox..
...
now whats the remedy for this?

Perhaps when you have a 500 pound gorilla in the room, you do what it wants
or leave the room.

**maria_megha** · 02-04-2011 12:09 PM

gr8...dats beter

**Kor** · 02-07-2011 02:33 AM

Originally Posted by maria_megha

I just upgraded my IE TO VERSION 8

OK. Now use this:
http://dossett.org/11/No_onmouseover_for_options_in_IE/

Thread: adding a tooltip for each option item in drop down menu

Thread Tools

Display

works in firefox only

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions