• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

tool tip

 
Ranch Hand
Posts: 82
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I am using html-el :select tag to build my dropdown. I want to be able to display tooltip when I hover the mouse on different options available in the list.
Can you please tell me how to do it? Per my undersatding the title attribute does not work for dropdown(even if does not in all browsers).
 
Greenhorn
Posts: 3
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Originally posted by Vani D Bandargal:
I am using html-el :select tag to build my dropdown. I want to be able to display tooltip when I hover the mouse on different options available in the list.
Can you please tell me how to do it? Per my undersatding the title attribute does not work for dropdown(even if does not in all browsers).

 
Saravanan V
Greenhorn
Posts: 3
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Originally posted by Vani D Bandargal:
I am using html-el :select tag to build my dropdown. I want to be able to display tooltip when I hover the mouse on different options available in the list.
Can you please tell me how to do it? Per my undersatding the title attribute does not work for dropdown(even if does not in all browsers).



Vani,

You can do this by using the jQuery....In jQuery we have a lot of plugins and samples for the same. In that you can find a Tooltip plugin also. Just include that plugins and try to implement in your code....That's it...The path for the same is http://jquery.com/plugins/project/tooltip.

Let me know if you need further help....
 
Ranch Hand
Posts: 300
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Saravanan , I was also working on generating tooltips on mouse over.
i used this code
http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm
available in that link.

What jquery will do?? I mean , is Jquery a better apporach than the one i used.

Please suggest me.

Thanks
 
Saravanan V
Greenhorn
Posts: 3
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Functionality wise both are same. But if you use jQuery tooltip plugin you can develop different types of tooltips. Moreover if you use jquery with ajax you will get a nice design. I am sure it is the convenient one. Try this out and let me know your comments.

 
Ranch Hand
Posts: 96
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
yes I'm interested in seeing jQuery being used with struts. Almost every single demo or example I have seen uses "PHP". Further, It will be great to see how tooltip is implemented so there is different tool tip for each element in drop down list.

looking forward to OP's or patricia's tries
 
Patricia Samuel
Ranch Hand
Posts: 300
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Yes, I will let you know once i go through
 
Vani Bandargal
Ranch Hand
Posts: 82
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thank you.
Yes, I am using code from this. http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm.

This shows up tolltip when I hover the mouse on select box, which is good but I would like to show tool tip when I hover mouse on each options(items) shown in the dropdwon. I mean I expand the dropdowwn, and as and when I hover the mouse on each of the item, a tool tip must be shown. Is there any event to capture on mouse over of each of the option list?
 
Greenhorn
Posts: 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi,

To display simple system based tooltips which are compatible with all browsers/os etc. then use this:

<select name="somedropdown">
<option value="MyValue" title="My Big Title which will show as tooltip when mouse is on it">Some Small Title</option>
</select>

Hope this helps.

Thanks.
 
Greenhorn
Posts: 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
'title' attribute for 'options' of a select tag works in almost all newer versions of standard browsers like IE and Mozilla. However I have experienced that it doesn't work in IE6.
 
Consider Paul's rocket mass heater.
reply
    Bookmark Topic Watch Topic
  • New Topic