Unable to hide select box behind a java script submenu drop down.
0 posts in topic
Flat View  Flat View
TOPIC ACTIONS:
 

Posted By:   Hari_Sharma
Posted On:   Sunday, February 23, 2003 10:47 PM

Hi, I have a menu item in my jsp which acts as a header for another jsp included in the page. When i click on my menu item in header jsp,a drop down sub menu results,which is clickable. The problem is this drop down sub menu is opaque for every other case apart from a select box in the lower jsp. The select box is not hidden behind the sub menu item. the java script code i am using is pasted below. menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt=" ";_d.write(mt)} if(navigator.appVersion.indexOf("MSIE 6.0")>0) { effect = "   More>>

Hi,
I have a menu item in my jsp which acts as a header for another jsp included in the page.
When i click on my menu item in header jsp,a drop down sub menu results,which is clickable.


The problem is this drop down sub menu is opaque for every other case apart from a select box in the lower jsp.


The select box is not hidden behind the sub menu item.

the java script code i am using is pasted below.






menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt=" ";_d.write(mt)}


if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
effect = "Fade(duration=0.2);Alpha(style=0,opacity=100);Shadow(color='#777777', Direction=135, Strength=5)"
}


else
{
effect = "Shadow(color='#777777', Direction=135, Strength=5)"
}



timegap=50 // The time delay for menus to remain visible


followspeed=5 // Follow Scrolling speed


followrate=10 // Follow Scrolling Rate


suboffset_top=20; // Sub menu offset Top position


suboffset_left=10; // Sub menu offset Left position



style1=[ // style1 is an array of properties.


"000000", // Mouse Off Font Color


"6B9DC0", // Mouse Off Background Color


"000000", // Mouse On Font Color


, // Mouse On Background Color


"6AA0C6", // Menu Border Color


11, // Font Size in pixels


"normal", // Font Style (italic or normal)


"bold", // Font Weight (bold or normal)


"Verdana", // Font Name


4, // Menu Item Padding


, // Sub Menu Image


, // 3D Border & Separator bar


, // 3D High Color


, // 3D Low Color


, // Current Page Item Font Color


, // Current Page Item Background


Color
" <>images/common/arrowdn.gif", // Top Bar image
, // Menu Header Font Color


, // Menu Header Background Color


"6AA0C6", // Menu Item Separator Color


]


addmenu(menu=[ // This is the array that contains


menu properties and details
"mainmenu", // Menu Name


86, // Menu Top - The Top position of
the menu in pixels


3, // Menu Left - The Left position of
the menu in pixels


, // Menu Width - Menus width in
pixels


0, // Menu Border Width


, // Screen Position - "center;left;right;middle;top;bottom" or a combination of "center:middle"


style1, // Properties Array -


1, // Always Visible - allows the menu
item to be visible at all time (1=on/0=off)


"left", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center


, // Filter
0, // Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)


1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)


0, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)


, // Position of TOP sub image left:center:right


2, // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)


, // Right To Left - Used in Hebrew for example. (1=on/0=off)


, // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)


, // ID of the div you want to hide on MouseOver (useful for hiding form elements)


, // Background image for menu when BGColor set to transparent.


, // Scrollable Menu


, // Reserved for future use

   <<Less
About | Sitemap | Contact