Positioning menus

[jl8789]

Could anyone figure out how to 1) adjust the menu width and 2) start the menu about 50 pixels or so from the top of the page so that it appears there, and then scrolls down?

This menu is at:

http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

 

[Lrnmore]

jl8789,

Try the following:

add a global var here:

var menucolor="#000000" //specify menu color
var submenuwidth=150 //specify sub menus' color
[blue]var topOffset=50 //set top offset[/blue]

find this function in your "html" and "add" your topOffset:

function UpdateIt(){
if (ie&&keepstatic&&!opr6)
document.all["MainTable"].style.top = document.body.scrollTop[blue] + topOffset[/blue];
setTimeout("UpdateIt()", 200);
}

Find this section of code in the "Menu" function and add your width:

HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
HTMLstr += "\n";
if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:absolute;top:0;left:0;'>\n";
//if HTMLstr += "<layer name='MainTable'>\n";
HTMLstr += "<table width='[blue]600[/blue]' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
HTMLstr += "<tr>";

And add your offSet here:

function updateIt(e)
{
if (ie&&!opr6)
{
var x = window.event.clientX;
var y = window.event.clientY;

if (x > rightX || x < leftX) hideAll();
else if (y > rightY[blue] + topOffset[/blue]) hideAll();
}
if (n||ns6)
{
var x = e.pageX;
var y = e.pageY;

if (x > rightX || x < leftX) hideAll();
else if (y > rightY[blue] + topOffset + 25[/blue]) hideAll();
}
}


I tested the changes in IE6 and NN7.
If it doesn't work I may have forgotten something.
So shout back if it doesn't work just right.

HTH

 

[Lrnmore]

Set the "top" also,

HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
HTMLstr += "\n";
if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:absolute;[blue]top:50[/blue];left:0;'>\n";
//if HTMLstr += "<layer name='MainTable'>\n";
HTMLstr += "<table width='600' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
HTMLstr += "<tr>";

Thanks,

 

[jl8789]

Thank you very much! I was on the right track, but just wasn't setting things in the right places.
I was working with the div instead of the table itself.
I then set the table align to the right to get it over there etc.

 

[jl8789]

Tried setting the top:50 before, and it didn't work. That's why I was getting stuck.