And if the title attribute on the options tag is really the problem,
you should consider using jQuery's data() functions instead.
http://docs.jquery.com/Core/data
On Aug 25, 3:56 am, MorningZ <morni...@gmail.com> wrote:
> You're fighting a big uphill battle thinking "it works in FF, it
> should work in IE.x"
>
> More than likely, IE6 has zero support/knowledge of what to do with a
> title attribute on an <option> tag
>
> On Aug 25, 9:33 am, Nitin Gautam <gautam.ni...@gmail.com> wrote:
>
> > 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!
>
>
