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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
