I'll take a look at this, but we need a stable version for
production.
The brute force approach worked, though.

--Ben

T.J. Crowder wrote:
> Hi,
>
> Are you using 1.7RC3? It has IE9-related fixes.
> http://prototypejs.org/2010/10/12/prototype-1-7-rc3-support-for-ie9
>
> HTH,
> --
> T.J. Crowder
> Independent Software Engineer
> tj / crowder software / com
> www / crowder software / com
>
> On Oct 14, 9:51 pm, Benxamin <bertrand.des...@gmail.com> wrote:
> > I inherited on some tabbed, multi-level navigation that appears on
> > mouseover.
> > It works in IE6, IE7, IE8, PC Firefox, and PC & Mac (Firefox, Chrome,
> > Safari, Opera).
> > BUT NOT IE9 (9.0.7930.16406 beta).
> >
> > I've tracked the mouseout event function it to this line:
> >
> >     var tabbed = relatedTarget.up('ul.navlist>li');
> >
> > Here's the HTML structure:
> > <ul id="navigation" class="navlist">
> >     <li class="about hover">
> >         <a href="">About</a>
> >         <div>
> >             <div class="imgframe">
> >                 <img />
> >             </div>
> >             <ul class="secondary">
> >                 <li class="company-info"><a href="">Company info</a>
> >                     <div class="tertiary">
> >                         <li><a>Heritage</a></a></li>
> >                         <li><a>Company</a></a></li>
> >                         <li><a>Relationships</a></a></li>
> >                     </div>
> >                 </li>
> >             </ul>
> >         </div>
> >     </li>
> >     <li class="dealers">
> >         <a href="">Dealers</a>
> >         <div>etc.</div>
> >     </li>
> >     <li class="products">
> >         <a href="">Products</a>
> >         <div>etc.</div>
> >     </li>
> >     <li>
> >         <a href="support">Support</a>
> >         <div>etc.</div>
> >     </li>
> > </ul>
> >
> > The "tabbed" variable is set to the top-level LI object of the element
> > that the mouse just left. This works perfectly in all browsers except
> > IE9.
> >
> > For example: When you hover over the About link, "tabbed" is an HTML
> > object with a tagName and className of LI.about. And when you hover
> > over the now-visible "Company Info" link, you get the same value.
> > BUT IE9 returns the first LI it sees. So when leaving the About link,
> > "tabbed" = LI.about. But when leaving "Company Info" it is LI.company-
> > info.
> >
> > I've tried several different versions of selectors, but I'm ready to
> > brute force it by walking back up the ancestors tree. Any advice?

-- 
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.

Reply via email to