Solved: Pop-up menu in Web page

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

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?
 
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.
 

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.
 

tomdkat

Retired Trusted Advisor
Joined
May 6, 2006
Messages
7,148
Erod1489 said:
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.
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...
 

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
 

tomdkat

Retired Trusted Advisor
Joined
May 6, 2006
Messages
7,148
Erod1489 said:
Here you go: its the HTML
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...
 

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.
 

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...
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

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 807,865 other people just like you!

Latest posts

Members online

Top