Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Jan 2003
    Posts
    148
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy menu overlapping image

    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!

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Australia
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Animation Rule #64
    Poor quality images are often artistic,
    Poor quality sound is ALWAYS annoying.

  • #3
    Regular Coder
    Join Date
    Jan 2003
    Posts
    148
    Thanks
    0
    Thanked 0 Times in 0 Posts
    <!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?





  • #4
    Regular Coder
    Join Date
    Jan 2003
    Posts
    148
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Australia
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Animation Rule #64
    Poor quality images are often artistic,
    Poor quality sound is ALWAYS annoying.

  • #6
    Regular Coder
    Join Date
    Jan 2003
    Posts
    148
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •