By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,738 Members | 1,114 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,738 IT Pros & Developers. It's quick & easy.

How to display tooltips(Title) for options of the multiselect tag

P: 58
Hi All,

i am having a multi select something like this
Expand|Select|Wrap|Line Numbers
  1. <select id="id1" name="selectName" multiple="multiple" size="24" style="width: 228px;" onclick="addBttnHilight()" ;="">
  2.   <option title="Budget Legislation" value="297767" id="297767">
  3. Budget Legislation
  4.   </option>
  5.   <option title="Budget Materials" value="297764" id="297764">
  6. Budget Materials
  7.   </option>
  8. </select>
Now what i want to do is when a user hover the option text it should display some text(which is set by me). I tried to do it by specifying that text in the title attribute of option tag as shown in the above code. It works fine in Mozilla and IE 7 but its not working in IE6.0 and Safari browsers. Can anyone please help me.

Thanks
Jan 8 '08 #1
Share this Question
Share on Google+
1 Reply


helimeef
P: 77
Hi All,

i am having a multi select something like this
Expand|Select|Wrap|Line Numbers
  1. <select id="id1" name="selectName" multiple="multiple" size="24" style="width: 228px;" onclick="addBttnHilight()" ;="">
  2.   <option title="Budget Legislation" value="297767" id="297767">
  3. Budget Legislation
  4.   </option>
  5.   <option title="Budget Materials" value="297764" id="297764">
  6. Budget Materials
  7.   </option>
  8. </select>
Now what i want to do is when a user hover the option text it should display some text(which is set by me). I tried to do it by specifying that text in the title attribute of option tag as shown in the above code. It works fine in Mozilla and IE 7 but its not working in IE6.0 and Safari browsers. Can anyone please help me.

Thanks
There really isn't any way to get around that, it's the browser developers' fault for not supporting the W3C standards. You could, however, use javascript to show/hide a tooltip <div> when you mouseover/mouseout of one, but that would not be as accessible; because if users have JS disabled it wouldn't work.
Jan 29 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.