Can you elaborate on what part doesn't work?
Assigning the title tag?
The wiring up of the tool tip?
And you realize the the tooltip plugin goes after the selected
object's title parameter, right? Your each() loop assigns the title
to the <option>'s, but your .tooltip() call is on the <select>, two
totally different DOM objects
On Aug 25, 9:00 am, Nitin Gautam <gautam.ni...@gmail.com> wrote:
> Hi,
>
> I am trying this in IE6 and found not working. In Firefox it is
> working as expected
>
> <html>
> <head>
> <script type="text/javascript" src="jquery-1.3.1.js"></script>
> <script type="text/javascript" src="jquery.tooltip.js"></script>
> <style type="text/css">
> select{
> width: 60;
> }
> option{
> width: 60;
> }
> </style>
> <!-- Include custom code to handle the tooltip -->
> <script type="text/javascript">
> $(document).ready(function(){
>
> //After loading the page insert the title attribute.
> $(function(){
> $("select option").attr( "title", "Nits" );
> $("select option").each(function(i){
> this.title = this.text;
> })
> });
>
> //Attach a tooltip to select elements
> $("select").tooltip({left: 70});
>
> });
>
> </script>
> <body>
>
> <!-- When moving the mouse over the below options -->
> <select>
> <option>very long option text 1</option>
> <option>very long option text 2</option>
> <option>very long option text 3</option>
> <option>very long option text 4</option>
> <option>very long option text 5</option>
> <option>very long option text 6</option>
> </select>
> </body>
> </html>
>
> Please HELP!
