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!
