1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Solved: Pop-up menu in Web page

Discussion in 'Web Design & Development' started by Erod1489, Nov 3, 2007.

Thread Status:
Not open for further replies.
Advertisement
  1. Erod1489

    Erod1489 Thread Starter

    Joined:
    Sep 8, 2007
    Messages:
    12
    hello again i cant seem to get my pop-up menu working with my site. Here is the code

    <td><a href="javascript:;" target="frame1" onClick="MM_nbGroup('down','navbar1','Index2_r3_c4','/Pic/Index2_r3_c4_f3.gif',1)" onMouseOver="MM_showMenu(window.mm_menu_0320150752_0,-32,36,null,'Index2_r3_c4');MM_nbGroup('over','Index2_r3_c4','/Pic/Index2_r3_c4_f2.gif','/Pic/Index2_r3_c4_f4.gif',1)" onMouseOut="MM_nbGroup('out');MM_startTimeout();"><img name="Index2_r3_c4" src="Pic/Index2_r3_c4.gif" width="101" height="27" border="0" ></a></td>

    does anybody know whats wrong with it and why firefox for ie7 is not taking it?
     
  2. MMJ

    MMJ Guest

    Joined:
    Oct 15, 2006
    Messages:
    3,625
  3. Fyzbo

    Fyzbo

    Joined:
    Feb 6, 2002
    Messages:
    1,683
    The code example you provided is not complete. It includes javascript function calls and we don't have the functions to look at.

    I can tell right away that this code was generated from some program, most likely dreamweaver, and is a terrible way of creating a menu. It will be unusable to many visitors and ignored completely by the search engines.

    My advice is to always avoid popout or flyout menus, they can be very confusing. If you must use one find one that works with nested lists. You will also want it to only change the styles if javascript is enabled, this way everyone can use it.
     
  4. Erod1489

    Erod1489 Thread Starter

    Joined:
    Sep 8, 2007
    Messages:
    12
    Well i really cant take out the pop up menu because my boss wants the popup menu to be ther in the web site. so any friendly advice would be nice.
     
  5. Fyzbo

    Fyzbo

    Joined:
    Feb 6, 2002
    Messages:
    1,683
  6. tomdkat

    tomdkat Retired Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,148
    Posting a link to the site with the problem or posting the HTML here will help. It's hard to troubleshoot problems with no context. :)

    Peace...
     
  7. Erod1489

    Erod1489 Thread Starter

    Joined:
    Sep 8, 2007
    Messages:
    12
    Here you go: its the HTML


    <html>
    <head>
    <title>The Best Bead Selections in the valley</title>
    <META name="description" content="Bead Oasis for gemstone beads, sterling silver findings, chains, glass & lampwork beads, quality silver and gold plated findings. Everything for the bead enthusiast and jewellery maker.">
    <META name="keywords" content="semi-precious beads, gemstone beads, sterling silver, millefiori, lampwork, glass beads, seed beads, jewellery-making, findings, charm bracelets,sterling silver chains">
    <!--The best Beads in the valley -->
    <script language="JavaScript">
    <!--


    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_nbGroup(event, grpName) { //v6.0
    var i,img,nbArr,args=MM_nbGroup.arguments;
    if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
    img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
    if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
    nbArr[nbArr.length] = img;
    for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
    if (!img.MM_up) img.MM_up = img.src;
    img.src = img.MM_dn = args[i+1];
    nbArr[nbArr.length] = img;
    } }
    } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
    if (!img.MM_up) img.MM_up = img.src;
    img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
    nbArr[nbArr.length] = img;
    }
    } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
    } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
    if (!img.MM_up) img.MM_up = img.src;
    img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
    nbArr[nbArr.length] = img;
    } }
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    }

    function mmLoadMenus() {
    if (window.mm_menu_0320150752_0) return;
    window.mm_menu_0320150752_0 = new Menu("root",80,21,"Verdana, Arial, Helvetica, sans-serif",11,"#006699","#FFFFFF","#a8bdbc","#a8bdbc","center","middle",2,0,1000,-5,7,true,true,false,0,false,false);
    mm_menu_0320150752_0.addMenuItem("Whats&nbsp;New","window.open('WhatsNew.htm', 'frame1');");
    mm_menu_0320150752_0.addMenuItem("In&nbsp;Store","window.open('InStore.htm', 'frame1');");
    mm_menu_0320150752_0.addMenuItem("Candles","window.open('Candles.html', 'frame1');");
    mm_menu_0320150752_0.addMenuItem("Seed&nbsp;Beads","window.open('http://www.beadoasis.net/cart/store5/agora.cgi?cart_id=4692431.9056*dn2Er7&product=Seed%20Beads', '_top');");
    mm_menu_0320150752_0.hideOnMouseOut=true;
    mm_menu_0320150752_0.bgColor='#a8bdbc';
    mm_menu_0320150752_0.menuBorder=0;
    mm_menu_0320150752_0.menuLiteBgColor='#a8bdbc';
    mm_menu_0320150752_0.menuBorderBgColor='#a8bdbc';
    window.mm_menu_0406171618_0 = new Menu("root",97,17,"Verdana, Arial, Helvetica, sans-serif",11,"#006699","#ffffff","#a8bdbc","#a8bdbc","center","middle",3,0,1000,-5,7,true,true,false,0,true,true);
    mm_menu_0406171618_0.addMenuItem("Descriptions","window.open('Description.html', 'frame1');");
    mm_menu_0406171618_0.addMenuItem("Calendar","window.open('Calendar.html', '_top');");
    mm_menu_0406171618_0.hideOnMouseOut=true;
    mm_menu_0406171618_0.bgColor='#a8bdbc';
    mm_menu_0406171618_0.menuBorder=1;
    mm_menu_0406171618_0.menuLiteBgColor='#a8bdbc';
    mm_menu_0406171618_0.menuBorderBgColor='#a8bdbc';

    mm_menu_0406171618_0.writeMenus();
    } // mmLoadMenus()
    //-->
    </script>
    <script language="JavaScript1.2" type="text/javascript" src="file:///C|/mm_menu.js"></script>
    <style type="text/css">
    <!--
    .style1 {color: #648281}
    body { margin-top:0px; margin-left:15%; margin-right:15%;

    }
    .style2 {font-family: Arial, Helvetica, sans-serif}
    #Layer1 {
    position:absolute;
    width:62px;
    height:27px;
    z-index:4;
    left: 704px;
    top: 120px;
    }
    -->
    </style>
    </head>
    <body bgcolor="#ffffff" onLoad="MM_preloadImages('file:///C|/Pic/Index2_r3_c2_f2.gif','file:///C|/Pic/Index2_r3_c2_f4.gif','file:///C|/Pic/Index2_r3_c2_f3.gif','file:///C|/Pic/Index2_r3_c4_f2.gif','file:///C|/Pic/Index2_r3_c4_f4.gif','file:///C|/Pic/Index2_r3_c4_f3.gif','file:///C|/Pic/Index2_r3_c6_f2.gif','file:///C|/Pic/Index2_r3_c6_f4.gif','file:///C|/Pic/Index2_r3_c6_f3.gif')">

    <script language="JavaScript1.2">mmLoadMenus();</script>

    <div id="Layer2" class="style1" style="position:absolute; left:179px; top:124px; width:256px; height:25px; z-index:3"><A href="Intro.php" target="frame1"> HOME PAGE </A>&nbsp;/&nbsp;<A href="mailto:[email protected]">CONTACT US</a></div>

    <script language="JavaScript1.2">mmLoadMenus();</script>
    <div id="Layer2" class="style1" style="position:absolute; left:15%; top:0px; width:256px; height:25px; z-index:0">
    <table border="0" cellpadding="0" cellspacing="0" width="800">
    <!-- fwtable fwsrc="beadOasisBanner.png" fwbase="Index2.gif" fwstyle="Dreamweaver" fwdocid = "1337127563" fwnested="0" -->
    <tr>
    <td><img src="file:///C|/Pic/spacer.gif" width="346" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="113" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="40" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="101" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="63" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="81" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="56" height="1" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="1" height="1" border="0" alt=""></td>
    </tr>

    <tr>
    <td rowspan="4"><img name="Index2_r1_c1" src="Pic/Index2_r1_c1.jpg" width="346" height="150" border="0" alt=""></td>
    <td colspan="6" bgcolor="#006699" valign="bottom" >
    <script type="text/javascript">
    //Specify the slider's width (in pixels)
    var sliderwidth="423px"
    //Specify the slider's height
    var sliderheight="58px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed=1
    //configure background color:
    slidebgcolor="#006699"

    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='<a href="http://"><img src="Pic/IMG_0018.jpg" border="0" height="75"></a>'
    leftrightslide[1]='<a href="http://"><img src="Pic/IMG_0019.jpg" border="0" height="75"></a>'
    leftrightslide[2]='<a href="http://"><img src="Pic/IMG_0020.jpg" border="0" height="75"></a>'
    leftrightslide[3]='<a href="http://"><img src="Pic/IMG_0021.jpg" border="0" height="75"></a>'
    leftrightslide[4]='<a href="http://"><img src="Pic/IMG_0022.jpg" border="0" height="75" ></a>'
    leftrightslide[5]='<a href="http://"><img src="Pic/Seedbeadimage.jpg" border="0" height="75" ></a>'
    leftrightslide[6]='<a href="http://"><img src="Pic/CrystalsWebsite.jpg" border="0" height="75" ></a>'

    //Specify gap between each image (use HTML):
    var imagegap=" "

    //Specify pixels gap between each slideshow rotation (use integer):
    var slideshowgap=5


    ////NO NEED TO EDIT BELOW THIS LINE////////////

    var copyspeed=slidespeed
    leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
    var actualwidth=''
    var cross_slide, ns_slide

    function fillup(){
    if (iedom){
    cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
    cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
    cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
    cross_slide2.style.left=actualwidth+slideshowgap+"px"
    }
    else if (document.layers){
    ns_slide=document.ns_slidemenu.document.ns_slidemenu2
    ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
    ns_slide.document.write(leftrightslide)
    ns_slide.document.close()
    actualwidth=ns_slide.document.width
    ns_slide2.left=actualwidth+slideshowgap
    ns_slide2.document.write(leftrightslide)
    ns_slide2.document.close()
    }
    lefttime=setInterval("slideleft()",30)
    }
    window.onload=fillup

    function slideleft(){
    if (iedom){
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
    cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
    else
    cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
    cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
    else
    cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+8))
    ns_slide.left-=copyspeed
    else
    ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

    if (ns_slide2.left>(actualwidth*(-1)+8))
    ns_slide2.left-=copyspeed
    else
    ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
    }
    }


    if (iedom||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
    if (iedom){
    write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
    write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
    write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
    write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script>
    </td>
    <td><img src="file:///C|/Pic/spacer.gif" width="1" height="60" border="0" alt=""></td>
    </tr>
    <tr>
    <td colspan="6"><img name="Index2_r2_c2" src="Pic/Index2_r2_c2.gif" width="454" height="26" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="1" height="26" border="0" alt=""></td>
    </tr>
    <tr>
    <td><a href="Directions.html" target="frame1" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','Index2_r3_c2','file:///C|/Pic/Index2_r3_c2_f2.gif','file:///C|/Pic/Index2_r3_c2_f4.gif',1)" onClick="MM_nbGroup('down','navbar1','Index2_r3_c2','file:///C|/Pic/Index2_r3_c2_f3.gif',1)"><img name="Index2_r3_c2" src="Pic/Index2_r3_c2.gif" width="113" height="27" border="0" alt="Directions"></a></td>
    <td rowspan="2"><img name="Index2_r3_c3" src="Pic/Index2_r3_c3.gif" width="40" height="64" border="0" alt=""></td>
    <td><a href="javascript:;" target="frame1" onClick="MM_nbGroup('down','navbar1','Index2_r3_c4','/Pic/Index2_r3_c4_f3.gif',1)" onMouseOver="MM_showMenu(window.mm_menu_0320150752_0,-32,36,null,'Index2_r3_c4');MM_nbGroup('over','Index2_r3_c4','/Pic/Index2_r3_c4_f2.gif','/Pic/Index2_r3_c4_f4.gif',1)" onMouseOut="MM_nbGroup('out');MM_startTimeout();"><img name="Index2_r3_c4" src="Pic/Index2_r3_c4.gif" width="101" height="27" border="0" ></a></td>
    <td rowspan="2"><img name="Index2_r3_c5" src="Pic/Index2_r3_c5.gif" width="63" height="64" border="0" alt=""></td>
    <td><a href="file:///C|/Description.html" target="frame1" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0406171618_0,-42,38,null,'Index2_r3_c6');MM_nbGroup('over','Index2_r3_c6','file:///C|/Pic/Index2_r3_c6_f2.gif','file:///C|/Pic/Index2_r3_c6_f4.gif',1)" onClick="MM_nbGroup('down','navbar1','Index2_r3_c6','file:///C|/Pic/Index2_r3_c6_f3.gif',1)"><img name="Index2_r3_c6" src="Pic/Index2_r3_c6.gif" width="81" height="27" border="0" alt="Calendar"></a></td>
    <td rowspan="2"><img name="Index2_r3_c7" src="Pic/Index2_r3_c7.gif" width="56" height="64" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="1" height="27" border="0" alt=""></td>
    </tr>
    <tr>
    <td><img name="Index2_r4_c2" src="Pic/Index2_r4_c2.gif" width="113" height="37" border="0" alt=""></td>
    <td><img name="Index2_r4_c4" src="Pic/Index2_r4_c4.gif" width="101" height="37" border="0" alt=""></td>
    <td><img name="Index2_r4_c6" src="Pic/Index2_r4_c6.gif" width="81" height="37" border="0" alt=""></td>
    <td><img src="file:///C|/Pic/spacer.gif" width="1" height="37" border="0" alt=""></td>
    </tr>
    </table>
    </div>
    <div style="position:absolute; top:171px; left:15%; z-index:3; border:0; width:800px; height:900px; background-color: #A8BDBC;">
    <iframe name="frame1" frameborder="0" width="800px" height="900px" scrolling="no" src="Intro.php" ></iframe>
    <center><font size="-2">Copyright © 2006 BeadOasis</font>

    <a href='http://www.beadlinks.com/cgi-bin/beadlinks/in.cgi?id=1081' target='_blank'><img src='http://www.beadlinks.com/images/beadlinksclickbannermini.jpg' border=0 width=88 height=31></a>
    <a href="http://easyhitcounters.com/stats.php?site=hotstatic" target="_top"><img border="0" alt="" src="http://beta.easyhitcounters.com/counter/index.php?u=hotstatic&s=ariali" ALIGN="middle" HSPACE="4" VSPACE="2"></a><script src=http://beta.easyhitcounters.com/counter/script.php?u=hotstatic></script>
    <br><a href="http://easyhitcounters.com/" target="_top"><font color="#A8BDBC" >Free Web Counter</font></a>





    </center>
    </div>
    <div style="position:absolute; z-index:1; top:151px; left:15%; width: 800px; background-color: #BFD8E5; border: 1px none #000000;">
    <blockquote>
    <div align="center" class="style2">1425 FM 802 Suite N /
    Brownsville, TX 78521 /
    Phone: 956-541-3488</div>
    </blockquote>
    </div>

    </body>
    </html>


    The link to the site is www.beadoasis.net
     
  8. tomdkat

    tomdkat Retired Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,148
    Thanks! First, you guys really need to fix your website. Hire a web designer or a webmaster to fix it, if necessary.

    Ok, on to the problem. This is one culprit:
    Code:
    <script language="JavaScript1.2" type="text/javascript" src="file:///C|/mm_menu.js"></script>
    
    You've got the same "file:///" protocol issue I advised someone about this website in this thread. This has bitten you guys here as well. The src="file:///C|/mm_menu.js" tells the browser to look on the local computer for the mm_menu.js file when the browser needs to fetch that file from the server. Changing that line, per my recommendations in that other thread, should solve the problem with the menu functions not being found (which is partly why the menu won't appear I think) but it will probably uncover other problems and issues that are still lurking.

    Good luck!

    Peace...
     
  9. Erod1489

    Erod1489 Thread Starter

    Joined:
    Sep 8, 2007
    Messages:
    12
    Well thanks for the advice and here is the problem that i am the webmaster in this business i know that i am young but this work helps me get better at what i'm doing and want to do in life i'm only 17 years old and turning 18 this wed. so yeah i'm a fast learner and i fixed the problem so yeah thanks alot. They hired me to do the job because of my capability to learn things fast.
     
  10. tomdkat

    tomdkat Retired Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,148
    That's cool. Read the other thread I linked to and get those "file:///" URL references cleaned up and things should start working much better for you. :)

    Good luck!

    Peace...
     
  11. Erod1489

    Erod1489 Thread Starter

    Joined:
    Sep 8, 2007
    Messages:
    12
    Thanks alot
     
  12. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/647334

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice