Two menus in the same table cell

[fpajot]

Hello,

I have a problem with Relative Positioning (Table Bound)
I want to put two menus in the same cell of table, but that does not
function.
The two menus are one below the other, whereas they should be
superimposed.
I want to then use the function "menuDisplay" to hide one or the other
finely.

That functioned with the "PlaceMenu" of the preceding version.


Here is the code :

STYLES -->

<script language=JavaScript>
with(StyleOn=new mm_style()){
offbgcolor="#b71812";
offcolor="#ffffff";
onbgcolor="#DAD8D8";
oncolor="#b71812";
bordercolor="#ffffff";
borderstyle="solid";
borderwidth=0;
separatorcolor="#ffffff";
separatorsize="1";
padding=2;
align="center";
fontsize="9";
fontstyle="normal";
fontfamily="verdana";
fontweight="bold";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="";
subimagepadding="2";
}

with(StyleOff=new mm_style()){
offbgcolor="#dad8d8";
offcolor="#ffffff";
onbgcolor="#dad8d8";
oncolor="#ffffff";
bordercolor="#f2f2f2";
borderstyle="solid";
borderwidth=1;
separatorcolor="#ffffff";
separatorsize="1";
padding=2;
align="center";
fontsize="9";
fontstyle="normal";
fontfamily="verdana";
fontweight="bold";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="";
subimagepadding="2";
}

drawMenus();
</script>




--> HTML

<table width="100%" border="1" cellspacing="1" cellpadding="0">
<tr><td>ligne1</td></tr>
<tr>
<td width=50>
<script language=JavaScript>
with(milonic=new menuname("menufp1")){
top=10;
left=100;
style=StyleOn;
orientation="horizontal";
alwaysvisible=1;
position="relative";
aI("text=ON;url=index_abo.htm;target=_top");
}
with(milonic=new menuname("menufp2")){
top=10;
left=100;
style=StyleOff;
orientation="horizontal";
alwaysvisible=1;
position="relative";
aI("text=OFF;url=index_abo.htm;target=_top");
}
drawMenus();
</script>
</td>
</tr>
<tr><td>ligne3</td></tr>
</table>


Any ideas ?

[Maz]

I use the method of only placing the menu script in the table, leave the source script where it is in the header or body.

I have an idea that you will still get one menu after the other.

If you search you will find my other post asking about changing menu on login.

Regards
maz

[Hergio]

First, you have drawMenus called twice...you dont need that in this case. Secondly, you should put your menu definitions back into your menu_data file and then inside of the <TD> tag in your table, put the <SCRIPT src="menu_data.js"></SCRIPT> line.

[fpajot]

I put the menu definition in a menu_data file and the <script src="menu_data.js></script> in the <td>tag.
That gives the same result.
the menu "ON" is with the top of the menu "OFF" whereas it should be
superimposed.

F.PAJOT
Web Application Developer

__________________________________________________________
The menu_data.js :

_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x





with(StyleOn=new mm_style()){
offbgcolor="#b71812";
offcolor="#ffffff";
onbgcolor="#DAD8D8";
oncolor="#b71812";
bordercolor="#ffffff";
borderstyle="solid";
borderwidth=0;
separatorcolor="#ffffff";
separatorsize="1";
padding=2;
align="center";
fontsize="9";
fontstyle="normal";
fontfamily="verdana";
fontweight="bold";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="";
subimagepadding="2";
}

with(StyleOff=new mm_style()){
offbgcolor="#dad8d8";
offcolor="#ffffff";
onbgcolor="#dad8d8";
oncolor="#ffffff";
bordercolor="#f2f2f2";
borderstyle="solid";
borderwidth=1;
separatorcolor="#ffffff";
separatorsize="1";
padding=2;
align="center";
fontsize="9";
fontstyle="normal";
fontfamily="verdana";
fontweight="bold";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="";
subimagepadding="2";
}

with(milonic=new menuname("menufp1")){
top=10;
left=100;
style=StyleOn;
orientation="horizontal";
alwaysvisible=1;
position="relative";
aI("text=ON;url=index_abo.htm");
}
with(milonic=new menuname("menufp2")){
top=10;
left=100;
style=StyleOff;
orientation="horizontal";
alwaysvisible=1;
position="relative";
aI("text=OFF");
}


drawMenus();

__________________________________________________________


The html file :
<html>
<head>
<title>TEST</title>
<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
</head>

<body id="bodytop" leftmargin="0" topmargin="0">
<table width="100%" border="1" cellspacing="1" cellpadding="0">
<tr><td>ligne1</td></tr>
<tr>
<td>
<SCRIPT language=JavaScript src="javascript/menu_data.js" type=text/javascript></SCRIPT>
</td>
</tr>
<tr><td>ligne3</td></tr>
</table>
</body>

</html>