Floating menu: compatability issue
Posted: Wed 25. Aug 2004, 16:56
Hello Friends,
This i guess is the best forum for this thread...
I have found an OS script that floats 'STUFF' (in this case a {NAV_TABLE_COLUMN}) and although it works very well in IE it is showing a strange effect in NS & Firefox. would any of you guys'n'gals know how to solve this incomatability issue? (it may or may not be in the WCMS code)
a cut'n'paste into your LEFT area of a template will show you the effect.
or view it on my website http://www.jayenne.com with both IE & NS
ps: if anyone has other browsers I'd love to hear about compatability on those too
any help would be most.. well, helpfull 
This i guess is the best forum for this thread...
I have found an OS script that floats 'STUFF' (in this case a {NAV_TABLE_COLUMN}) and although it works very well in IE it is showing a strange effect in NS & Firefox. would any of you guys'n'gals know how to solve this incomatability issue? (it may or may not be in the WCMS code)
a cut'n'paste into your LEFT area of a template will show you the effect.
or view it on my website http://www.jayenne.com with both IE & NS
ps: if anyone has other browsers I'd love to hear about compatability on those too
Code: Select all
{SPACER:160x20}//this pushes the main section away from the browsers left edge
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
{NAV_TABLE_COLUMN}
<!--END OF MENU EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 20,
startY = 20;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>