I tried replacing attr with data but still not working with IE :(( in
FF this is working fine
$("select option").attr( "title", "" ); with $("select
option").data( "title", "" );
For IE i also tried the following
$("select option").tooltip({left: 25}); instead of $("select").tooltip
({left: 25}); but still not work in IE
and it distorted the tooltip in FF.
Don't any one have a working example of this that show how to work
with SELECT OPTION element?
On Aug 26, 1:20 am, James <james.gp....@gmail.com> wrote:
> 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!
