Here is the link to the page:
http://www3.appliedbiosystems.com/index.htm
Notice how the "My Account" and "My Basket/Orders" dropdowns briefly
display as the page loads. Also note that they display briefly when
the page refreshes after clicking on "Applications & Technologis",
"Services" or "Support" in the main (blue) menu bar. This is what I'm
trying to prevent.
I believe the following code displays the dropdowns on mouseover and
hides them when the mouse leaves. Am I on the right path?
dom.query('div.trigger').hide();
dom.query('div.trigger').bgIframe();
dom.query('div.subMenuAlt').bgIframe();
dom.query('div.subMenu').bgIframe();
dom.query("li#myAccount, li#myBasket").bind("mouseenter", function(){
dom.query(this).find("a").eq(0).addClass("active");
dom.query(this).find("div.trigger").show();
dom.query("#topMenu ul li").css("position", "static");
}).bind("mouseleave", function(){
dom.query(this).find("a").eq(0).removeClass("active");
dom.query(this).find("div.trigger").hide();
dom.query("#topMenu ul li").css("position", "relative");
});
On May 1, 3:04 pm, "Theodore Ni" <[EMAIL PROTECTED]> wrote:
> You'll need to give us more information, a demo or at least some code,
> before we can help you diagnose.
>
> On Thu, May 1, 2008 at 5:18 PM, all4one <[EMAIL PROTECTED]> wrote:
>
> > I have two drop-down lists in the "main menu" at the top of the page.
> > When you click on link items in the "top menu" (different menu) which
> > is below the "main menu" the drop-down menu flashs then disapears as
> > the rest of the page loads.
>
> --
> Ted
