...

View Full Version : menu overlapping image



pinkcat_02
01-15-2003, 10:25 PM
hiya

i have been doing pop up menus, where u right click on an image and this grey pop up menu appears with options on it. The thing is i am using layers.i am working on dreamweaver.
The problem is images r covering my menus. i have like 30 images and they are close to eachother. so if i wanna have a look at the first images menu it stays under the second image, where i want the menu to cover the image when clicked to make users see what the option is.

what do u think i did wrong?
any way of fixing this problem?
this is quite urgent pls hellpppppp!:(

ez4ne12c
01-15-2003, 10:30 PM
It sounds like some kind of z-index problem but i think you should post your code or a link so we can see what is happening and how youve done that
ez

pinkcat_02
01-15-2003, 10:46 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript"
>function mmLoadMenus() {
if (window.mm_menu_0115185450_0) return;
window.mm_menu_0115185450_0_1_1 = new Menu("DELETE_SCHEDULE",112,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0115185450_0_1_1.addMenuItem("SCHEDULE1");
mm_menu_0115185450_0_1_1.addMenuItem("SCHEDULE2");
mm_menu_0115185450_0_1_1.addMenuItem("SCHEDULE3");
mm_menu_0115185450_0_1_1.hideOnMouseOut=true;
mm_menu_0115185450_0_1_1.bgColor='#555555';
mm_menu_0115185450_0_1_1.menuBorder=1;
mm_menu_0115185450_0_1_1.menuLiteBgColor='#FFFFFF';
mm_menu_0115185450_0_1_1.menuBorderBgColor='#777777';
window.mm_menu_0115185450_0_1 = new Menu("SCHEDULE",164,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0115185450_0_1.addMenuItem("SCHEDULE1","document.images['image1'].src='../icons/lschedule.gif'");
mm_menu_0115185450_0_1.addMenuItem("SCHEDULE2","document.images['image1'].src='../icons/lschedule.gif'");
mm_menu_0115185450_0_1.addMenuItem("SCHEDULE3","document.images['image1'].src='../icons/lschedule.gif'");
mm_menu_0115185450_0_1.addMenuItem("ADD&nbsp;SCHEDULE","location='light schedule.asp'");
mm_menu_0115185450_0_1.addMenuItem(mm_menu_0115185450_0_1_1);
mm_menu_0115185450_0_1.hideOnMouseOut=true;
mm_menu_0115185450_0_1.childMenuIcon="arrows.gif";
mm_menu_0115185450_0_1.bgColor='#555555';
mm_menu_0115185450_0_1.menuBorder=1;
mm_menu_0115185450_0_1.menuLiteBgColor='#FFFFFF';
mm_menu_0115185450_0_1.menuBorderBgColor='#777777';
window.mm_menu_0115185450_0 = new Menu("root",140,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0115185450_0.addMenuItem("ON","document.images['image1'].src='../icons/lighton.jpg'");
mm_menu_0115185450_0.addMenuItem("OFF","document.images['image1'].src='../icons/lightoff.jpg'" );
mm_menu_0115185450_0.addMenuItem(mm_menu_0115185450_0_1);

mm_menu_0115185450_0.hideOnMouseOut=true;
mm_menu_0115185450_0.childMenuIcon="arrows.gif";
mm_menu_0115185450_0.bgColor='#555555';
mm_menu_0115185450_0.menuBorder=1;
mm_menu_0115185450_0.menuLiteBgColor='#FFFFFF';
mm_menu_0115185450_0.menuBorderBgColor='#777777';

window.mm_menu_0115201158_0_1_1 = new Menu("DELETE&nbsp;SCHEDULE",112,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0115201158_0_1_1.addMenuItem("SCHEDULE1");
mm_menu_0115201158_0_1_1.addMenuItem("SCHEDULE2");
mm_menu_0115201158_0_1_1.addMenuItem("SCHEDULE3");
mm_menu_0115201158_0_1_1.hideOnMouseOut=true;
mm_menu_0115201158_0_1_1.bgColor='#555555';
mm_menu_0115201158_0_1_1.menuBorder=1;
mm_menu_0115201158_0_1_1.menuLiteBgColor='#FFFFFF';
mm_menu_0115201158_0_1_1.menuBorderBgColor='#777777';
window.mm_menu_0115201158_0_1 = new Menu("SCHEDULE",164,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0115201158_0_1.addMenuItem("SCHEDULE1","document.images['image2'].src='../icons/lschedule.gif'");
mm_menu_0115201158_0_1.addMenuItem("SCHEDULE2","document.images['image2'].src='../icons/lschedule.gif'" );
mm_menu_0115201158_0_1.addMenuItem("SCHEDULE3","document.images['image2'].src='../icons/lschedule.gif'");
mm_menu_0115201158_0_1.addMenuItem("ADD&nbsp;SCHEDULE","location='light schedule.asp'");
mm_menu_0115201158_0_1.addMenuItem(mm_menu_0115201158_0_1_1);
mm_menu_0115201158_0_1.hideOnMouseOut=true;
mm_menu_0115201158_0_1.childMenuIcon="arrows.gif";
mm_menu_0115201158_0_1.bgColor='#555555';
mm_menu_0115201158_0_1.menuBorder=1;
mm_menu_0115201158_0_1.menuLiteBgColor='#FFFFFF';
mm_menu_0115201158_0_1.menuBorderBgColor='#777777';
window.mm_menu_0115201158_0 = new Menu("root",140,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0115201158_0.addMenuItem("ON","document.images['image2'].src='../icons/lighton.jpg'" );
mm_menu_0115201158_0.addMenuItem("OFF","document.images['image2'].src='../icons/lightoff.jpg'" );
mm_menu_0115201158_0.addMenuItem(mm_menu_0115201158_0_1);
mm_menu_0115201158_0.hideOnMouseOut=true;
mm_menu_0115201158_0.childMenuIcon="arrows.gif";
mm_menu_0115201158_0.bgColor='#555555';
mm_menu_0115201158_0.menuBorder=1;
mm_menu_0115201158_0.menuLiteBgColor='#FFFFFF';
mm_menu_0115201158_0.menuBorderBgColor='#777777';


body:

<div id="Layer9" style="position:absolute; left:526px; top:267px; width:40px; height:20px; z-index:9"><a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0115210240_0,37,30,null,'image7')" onMouseOut="MM_startTimeout();"><img src="../icons/heateroff.jpg" name="image7" width="40" height="33" border="0" id="image7"></a>
</div>
<div id="Layer11" style="position:absolute; left:526px; top:307px; width:40px; height:20px; z-index:11"><a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0115210945_0,37,30,null,'image8')" onMouseOut="MM_startTimeout();"><img src="../icons/heateroff.jpg" name="image8" width="40" height="33" border="0" id="image8"></a>
</div>

<div id="Layer16" style="position:absolute; left:526px; top:345px; width:40px; height:20px; z-index:16"><a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0115212452_0,37,30,null,'image9')" onMouseOut="MM_startTimeout();"><img src="../icons/heateroff.jpg" name="image9" width="40" height="33" border="0" id="image9"></a>
</div>


i just gave the example for example those images in the body covers the menus in the head part....

what do u think?




:confused: :confused:

pinkcat_02
01-15-2003, 10:52 PM
also i tried to upload to the server so that u can see it.but when i am working with my local server i work with dreamwevaer and it doesn't give any erros when i view it.

but when i uploaded it to the server it kept giving

'Menu' is undefined error

the line that gives error is
if (window.mm_menu_0115185450_0) return;

how can i define this menu to make it work on another server?

phewwwww loadssss of problems :( :rolleyes:

ez4ne12c
01-16-2003, 12:04 AM
This is a bit tricky for me so i will just make a dumb suggestions have you tried
removing all the z-index from each image?
i dont know much about the menus like what all the parameters are in the new Menu call ... maybe there is an "always on top"
or a z-index setting in these.. i guess that would be done in Dreamweaver somewhere... my web dev tool is wordpad...
sorry i cant help more
ez

pinkcat_02
01-16-2003, 02:47 AM
no if i move the z index the image becomes invisible.i dunno what to do.i spend ages to sort out this script but now i can't use it just because this damn images is hiding it away....

does anyone have any suggestions?

pleasssssssseeeee:confused:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum