Then how this working in Firefox ? and how to call on options?
On Aug 25, 6:13 pm, MorningZ <morni...@gmail.com> wrote:
> 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!
