the latest menu and could use some assistance.
Here's the issue.
We have a menu that stays at the bottom of the page
Code: Select all
(followscroll=1; & screenposition="bottom;left";) The issue comes in when you have scrolled a bit, and then
click on a link that takes any kind of time to display.
While the browser (IE 6 SP2) is waiting for the new content, the menu
bounces up and down from the bottom of the screen to the position in
the flow of the document where it originally started. You may need to
clear your browser cache between tries to reproduce this situation. It
seems to work OK under Firefox.
I've included a simple example. If you click the link without scrolling, it
appears to work fine. But if you scroll a little first, then click the link,
you will see the bouncing.
Is there some config I can change to fix this? Is it something stupid I did
in the setup? Or will this require some code fix?
This is what we have in test.html (br's included to cause scrolling) - is
there no way to include attachments here?
Code: Select all
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<script type="text/javascript" src="menu_test.js"></script>
<script>drawMenus();</script>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="http://websites.milonic.com/mapquest.com/directions/main.adp?
go=1&do=nw&rmm=1&un=m&cl=EN&qq=1ADqpk24ofBzpMPi912BKbJT9Mz
vHe7LJ0bOeIk4EupnvY4tjnXjeA3eA6XSf429Gpi6d6Z9t4nFPVaDTIYKVZFcON
ejWerRzjJp0RgD61TMXsyZryVBJoh4JUXBOmew&ct=NA&r=f&rsres=1&1y=U
S&1ffi=&1l=&1g=&1pl=&1v=&1n=&1pn=&1a=&1c=BETTENDORF&1s=IA&1z
=&panelbtn=1&2y=US&2ffi=&2l=&2g=&2pl=&2v=&2n=&2pn=&2a=&2c=Cle
veland&2s=OH&2z=">Mapquest</a><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>
This is the contents of menu_test.js - the other needed files are in the download.
Code: Select all
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bordercolor="#CC9933";
borderstyle="solid";
borderwidth=3;
fontfamily="arial, helvetica, sans";
fontsize="9pt";
fontstyle="bold";
fontweight="900";
headerbgcolor="#FFCC66";
headercolor="#000000";
offbgcolor="black";
offcolor="#FFCC66";
onbgcolor="black";
oncolor="#FFCC66";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=5)";
padding=2;
separatorcolor="#CC9933";
separatorsize=3;
}
with(subMenuStyle=new mm_style()){
bordercolor="#CC9933";
borderstyle="solid";
borderwidth=2;
fontfamily="arial, helvetica, sans";
fontsize="9pt";
fontstyle="bold";
fontweight="700";
headerbgcolor="#ffffff";
headercolor="black";
offbgcolor="#FFFFE0";
offcolor="black";
onbgcolor="black";
oncolor="#FFCC66";
padding=1;
separatorcolor="#CC9933";
separatorsize=1;
subimage="images/menu_arrow.gif";
subimagepadding=2;
}
with(buttonMenuStyle=new mm_style()){
bordercolor="white";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma";
fontsize="7pt";
//fontstyle="bold";
fontweight="600";
headerbgcolor="#ffffff";
headercolor="gray";
offbgcolor="black";
offcolor="white";
onbgcolor="black";
oncolor="#FFCC66";
padding=1;
separatorcolor="white";
separatorsize=1;
outfilter="randomdissolve(duration=0.3)";
//overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=5)";
}
with(milonic=new menuname("Button Menu")){
top="offset=0";
left=10;
alwaysvisible=1;
followscroll=1;
orientation="horizontal";
style=buttonMenuStyle;
menuwidth="100%";
screenposition="bottom;left";
aI("text= SAVE ;");
aI("text= CANCEL ;url=ManageSection.jsp");
aI("");
}
