Solved

Creating a "pop out text" menu

Posted on 2004-04-20
18
289 Views
Last Modified: 2013-12-24
I'm creating a menu with a couple of submenus attached.  I have the main menu and the first submenu, but I can't get the second submenu to work.  It gives me that the" menu" is not defined.  Here is what I have:
// This line is required here
mymenu.startMenu()
// Define the main menu.
mymenu.addMenu("home","<b>home</b>", "www.wcfoc.org")
mymenu.addMenu("offices","<b>offices</b>", "")
mymenu.addMenu("attorneys","<b>attorneys</b>", "")

// This line is required after the main menu is defined.
mymenu.showMainMenu()
// Define the sub menus
mymenu.addSubMenu("offices", "", "<b>customer service</b>", "customerservice.htm")
mymenu.addSubMenu("offices","", "<b>bench warrants</b>", "benchwarrant.htm")
mymenu.addSubMenu("attorneys", "", "<b>attorney section</b>", "attorneysection.htm")
mymenu.addSubMenu("attorneys", "", "<b>attorney FAQs</b>", "attorneyfaq.htm")

mymenu.addSubMenu("customer service", "", "<b>ncp program</b>", "ncpprogram.htm")

When I load the page, it comes back with that the customer service menu is not defined.

Any thoughts?
0
Comment
Question by:jayjay21us
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 8
  • 6
  • 4
18 Comments
 
LVL 29

Expert Comment

by:coreybryant
ID: 10872460
Check out http://www.merchantaccounts4less.com - is that something that you might be interested in - the menu?

-Corey
0
 

Author Comment

by:jayjay21us
ID: 10875067
coreybrant-

the page has been moved...
0
 
LVL 12

Expert Comment

by:rcmb
ID: 10877216
Check out http://www.softcomplex.com/products/tigra_menu/

I believe you are missing a .js file in your code.

Go to the link above for a free download of some really good navigation menus.

RCMB
0
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

Author Comment

by:jayjay21us
ID: 10877377
I have a .js file that's separate that's include in my site..

RCMB-
I would rather just fix the code if possible.
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 10877378
It's still there - sorry about that.  I was messing with the SSL last night trying to figure out how to get that to work right.  

-Corey
0
 

Author Comment

by:jayjay21us
ID: 10877389
Corey-

Yes... Just like that
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 10877464
You can get the source code here:  http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm

Pretty easy to set up.  If you have problems with it or something let me know.  

-Corey
0
 

Author Comment

by:jayjay21us
ID: 10877592
Ok.. maybe I'm missing something...That didn't help...

The above script works fine until I want to add a submenu to the first submenu...

How do I define the second submenu?  
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 10877662
In the exmplmenu_var.js file - you will see something like:  Menu2=new Array("News","blank.htm","",2); - the numbe 2 signifies how many sub-menus you will have.  What did you put?

-Corey
0
 

Author Comment

by:jayjay21us
ID: 10877925
Here's my js file:

var ie,ns6,ns,opera,ismac; var menuid,d6,c2ref; var c1,c2,c3; var globalsdefined=false; var debugstr=""; var debug=false; function addtodebug(str){ debugstr += str+'\n'; }; function showdebug(){ alert(debugstr+'\n'); debugstr=""; }; function d3(ginfref,top,c4,sub,c9){ this.d4=ginfref; this.d5=top; this.c4=c4; this.submenu=0; this.sub=sub; this.c9=c9; this.d1=0; this.d2=0; this.b1=0; this.a8=0; this.a9=0; }; function a0(){ this.b2=0; this.b3=0; this.b4=0; this.b5=0; this.b8=0; this.b9=0; this.b7=0; this.b6=0; }; function defineglobals(){ if(globalsdefined==true) return; ie=(document.all != (void 0)); ns6=(document.getElementById&&!document.all); ns=(document.layers != (void 0)); ismac=(navigator.appVersion.indexOf("Mac") != -1); opera=false; if(ie){ var agent=navigator.userAgent.toLowerCase(); opera=(agent.indexOf("opera") != -1); }; c1=new Array(); c3=new Array(); c2 = new Array(); menuid=1; d6=1; c2ref=1; }; function showrootmenu(c8){ if(ie){ mnn=eval('vrsub'+c8); mnn.style.visibility="visible"; } else if(ns6){ mnn=document.getElementById('vrsub'+c8); mnn.style.visibility="visible"; } else if(ns){ mnn=eval('document.layers.vrsub'+c8); mnn.visibility="show"; }; }; function c6(c8, whichmenu){ c8=c3[c8].sub; while(c8 != 0){ if(c3[c8].c4 == whichmenu) return true; c8=c3[c8].sub; }; return false; }; function c7(c8, whichitem){ while(whichitem != 0){ if(whichitem == c8) return true; whichitem=c3[whichitem].d5; }; return false; }; function c5(c8){ var loindex=65535, hiindex=0, tm = new Array(), thetop, ii; for(ii=c2[c3[c8].d4].b8;ii <= c2[c3[c8].d4].b9;ii++){ if(c3[ii].c4 < loindex) loindex=c3[ii].c4; if(c3[ii].c4 > hiindex) hiindex=c3[ii].c4; if(c3[ii].d5 == 0) thetop = ii; if(c7(ii, c2[c3[c8].d4].b5)){ tm[c3[ii].c4]=true; } else if(c2[c3[c8].d4].b4 != 0 && c3[ii].c4 == c3[c2[c3[c8].d4].b5].submenu) tm[c3[ii].c4]=true; }; tm[c2[c3[c8].d4].b4]=true; for(ii=loindex;ii <= hiindex;ii++){ if(tm[ii]==true){ mnn=eval('document.layers.vrsub'+ii); if(mnn.visibility != "show") mnn.visibility="show"; } else{ if(ii != c3[thetop].c4){ mnn=eval('document.layers.vrsub'+ii); if(mnn.visibility != "hide") mnn.visibility="hide"; }; }; }; }; function a6(c8){ c2[c3[c8].d4].b4=c3[c8].c4; if(ns){ c5(c8); } else{ while(c3[c8].d5 != 0){ if(ie){ mnn=eval('vrsub'+c3[c8].c4); mnn.style.visibility="visible"; } else if(ns6){ mnn=document.getElementById('vrsub'+c3[c8].c4); if(mnn.style.visibility!="visible") mnn.style.visibility="visible"; } c8=c3[c8].d5; } }; }; function a5(c8){ while(c3[c8].d5 != 0){ if(c3[c8].c4 != c2[c3[c8].d4].b4){ if(ie){ mnn=eval('vrsub'+c3[c8].c4); mnn.style.visibility="hidden"; } else if(ns6){ mnn=document.getElementById('vrsub'+c3[c8].c4); if(mnn.style.visibility!="hidden") mnn.style.visibility="hidden"; } else if(ns){ mnn=eval('document.layers.vrsub'+c3[c8].c4); mnn.visibility="hide"; } } else break; c8=c3[c8].d5; }; }; function a4(c8){ var tmi=c8; c2[c3[c8].d4].b5=c8; if(c3[c8].sub != 0){ if(ie){ var mnp=eval('vrsub'+c3[c8].c4); var offsetleft=0, offsettop=0; if(ismac){ offsettop=mnp.style.pixelTop; offsetleft=mnp.style.pixelLeft; } else{ do{ offsetleft += mnp.offsetLeft; offsettop += mnp.offsetTop; mnp=mnp.offsetParent; } while (mnp != null); } mnn=eval('vrsub'+c3[c3[c8].sub].c4); mnn.style.pixelTop=offsettop+(c3[c8].c9*c3[c8].d1)+c2[c3[c8].d4].b3; mnn.style.pixelLeft=offsetleft+c3[c8].d2+c3[c8].a9-c2[c3[c8].d4].b2; mnn.style.visibility="visible"; } else if(ns){ mnn=eval('document.layers.vrsub'+c3[c3[c8].sub].c4); mnp=eval('document.layers.vrsub'+c3[c8].c4); mnn.top=mnp.pageY+(c3[c8].c9*c3[c8].d1)+c2[c3[c8].d4].b3; mnn.left=mnp.pageX + mnp.clip.right-c2[c3[c8].d4].b2-c3[c8].a8; mnn.visibility="show"; for(ii=c2[c3[c8].d4].b8;ii <= c2[c3[c8].d4].b9;ii++){ if(c3[ii].sub!=0&&c3[c8].c4==c3[ii].c4&&ii!=c8){ mnn=eval('document.layers.vrsub'+c3[c3[ii].sub].c4); mnn.visibility="hide"; } } } else if(ns6){ mnn=document.getElementById('vrsub'+c3[c3[c8].sub].c4); mnp=document.getElementById('vrsub'+c3[c8].c4); mnn.style.top=mnp.offsetTop+(c3[c8].c9*c3[c8].d1)+c2[c3[c8].d4].b3; mnn.style.left=mnp.offsetLeft+c3[c8].d2+c3[c8].a9-c2[c3[c8].d4].b2; mnn.style.visibility="visible"; } }; }; function a7(c8){ if(c3[c8].sub != 0){ if(ie){ mnn=eval('vrsub'+c3[c3[c8].sub].c4); mnn.style.visibility="hidden"; } else if(ns){ mnn=eval('document.layers.vrsub'+c3[c3[c8].sub].c4); mnn.visibility="hide"; } else if(ns6){ mnn=document.getElementById('vrsub'+c3[c3[c8].sub].c4); mnn.style.visibility="hidden"; c2[c3[c8].d4].b5=0; }; }; }; function POTMenu(){ POTMenu.prototype.addMenu=function(mid,mtext,mlink){ if(c1[mid]) alert('Menu id '+mid+' is already defined.'); if(c0==true) alert('You have to define all the main menus before defining the sub menus'); d6++; c3[d6]=new d3(this.f3,0,menuid,0,this.nomenus); c3[d6].d1=this.g1+this.mainspacery; c3[d6].d2=this.g3; c3[d6].b1=this.imgheight; c3[d6].a8=this.f9; c3[d6].a9=this.f8; c1[mid]=d6; this.nomenus++; if(d6>this.firstmenuitem&&this.mainspacery>0){ this.d8 += '<tr><td width="'+this.g3+'" height="'+this.mainspacery+'">'; this.d8 += '<img border="0" src="'+this.mainspacer+'" width="'+this.g3+'" height="'+this.mainspacery+'">'; this.d8 += '</td></tr>'; }; if(ie){ this.d8 += '<tr><td width="'+this.g3+'" height="'+this.g1+'" bgcolor="'+this.maincbgcolor+'">'; this.d8 += '<div class=menu id="imx'+d6+'" onMouseover="a4('+d6+')" onMouseout="a7('+d6+')" STYLE="position:relative; width:'+this.g3+'; z-index: 6">'; this.d8 += '<img align="absmiddle" border="0" src="'+this.mainpreim+'" width="'+this.mainpreimx+'" height="'+this.mainpreimy+'">'; if(mlink != "") this.d8 += '<a class=menu href="'+mlink+'">'; this.d8 += mtext; if(mlink != "") this.d8 += '</a>'; this.d8 += '</div></td></tr>'; } else if(ns){ this.d8 += '<tr><td valign="center" class=menu width="'+this.g3+'" height="'+this.g1+'" bgcolor="'+this.maincbgcolor+'">'; this.d8 += '<ilayer visibility="show"><layer width="'+this.g3+'" height="'+this.g1+'" onmouseover="a4('+d6+');" onMouseout="c2[c3['+d6+'].d4].b6=setTimeout(\'a7('+d6+')\',100);">'; if(this.nnmainheight > 0) this.d8 += '<img align="textbottom" border="0" src="'+this.mainpreim+'" width="'+this.g3+'" height="'+this.nnmainheight+'"><br>'; this.d8 += '&nbsp;'; if(mlink != "") this.d8 += '<a class=menu href="'+mlink+'">'; this.d8 += mtext; if(mlink != "") this.d8 += '</a>'; this.d8 += '</layer></ilayer></td></tr>'; } else if(ns6){ this.d8 += '<tr><td valign="top" width="'+this.g3+'" height="'+this.g1+'" bgcolor="'+this.maincbgcolor+'">'; this.d8 += '<div class=menu id="noimx'+d6+'" onMouseover="a4('+d6+')" onMouseout="a7('+d6+')" STYLE="position:relative; visibility: visible">'; this.d8 += '<img name="imx'+d6+'" align="absmiddle" border="0" src="'+this.mainpreim+'" width="'+this.mainpreimx+'" height="'+this.mainpreimy+'">'; if(mlink != "") this.d8 += '<a class=menu href="'+mlink+'">'; this.d8 += mtext; if(mlink != "") this.d8 += '</a>'; this.d8 += '</div></td></tr>'; }; }; POTMenu.prototype.addSubMenu=function(mid, submid, mtext, murl){ if(!c1[mid]) alert('No menu named '+mid+' has been defined.'); d6++; if(this.g4 != mid){ if(this.g4!=null){ var d1=((this.nomenus-1)*this.subspacery)+this.nomenus*this.subcheight; this.d7 += '</table></td><td><img src="'+this.f1+'" border="0" width="'+this.f1width+'" height="'+d1+'"></td></tr>'; this.d7 += '<tr><td colspan="3"><img src="'+this.h2+'" border="0" width="'+this.a2+'" height="'+this.g2+'">'; this.d7 += '<img src="'+this.h5+'" border="0" width="'+(this.subcwidth-this.subba)+'" height="'+this.g2+'">'; this.d7 += '<img src="'+this.h1+'" border="0" width="'+this.a1+'" height="'+this.g2+'"></td></tr></table>'; if(ns) this.d7 += '</layer>'; else this.d7 += '</div>'; this.d7=this.d7.replace("imgplaceholder", d1-this.d9); this.nomenus=0; } menuid++; this.g4=mid; if(ie) this.d7 += '<div class=menu id="vrsub'+menuid+'" onMouseover="a6('+d6+')" onMouseout="c2[c3['+d6+'].d4].b4=0;a5('+d6+')" style="position:absolute; z-index:2; visibility: hidden;">'; else if(ns6) this.d7 += '<div class=menu id="vrsub'+menuid+'" onMouseover="a6('+d6+')" onMouseout="c2[c3['+d6+'].d4].b4=0;a5('+d6+')" style="position:absolute; z-index:2; top:-400;left:-400;visibility: hidden;">'; else if(ns) this.d7 += '<layer id="vrsub'+menuid+'" onMouseover="clearTimeout(c2[c3['+d6+'].d4].b6);clearTimeout(c2[c3['+d6+'].d4].b7);a6('+d6+')" onMouseout="c2[c3['+d6+'].d4].b4=0;c2[c3['+d6+'].d4].b7=setTimeout(\'a5('+d6+')\',100)" visibility="hide">'; this.d7 += '<table border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">'; this.d7 += '<img src="'+this.h4+'" border="0" width="'+this.a2+'" height="'+this.g2+'">'; this.d7 += '<img src="'+this.h6+'" border="0" width="'+(this.subcwidth-this.subba)+'" height="'+this.g2+'">'; this.d7 += '<img src="'+this.h3+'" border="0" width="'+this.a1+'" height="'+this.g2+'"></td></tr><tr><td>'; if(this.d9 !=0) this.d7 += '<img src="'+this.f2+'" border="0" width="'+this.h8+'" height="'+this.d9+'"><br>'; this.d7 += '<img src="'+this.h9+'" border="0" width="'+this.h8+'" height="imgplaceholder"></td><td><table border="0" cellspacing="0" cellpadding="0">'; } else{ if(this.subspacery>0){ this.d7 += '<tr><td width="'+this.subcwidth+'" height="'+this.subspacery+'">'; this.d7 += '<img border="0" src="'+this.subspacer+'" width="'+this.subcwidth+'" height="'+this.subspacery+'">'; this.d7 += '</td></tr>'; } } this.d7 += '<tr><td class=menu valign="center" width="'+this.subcwidth+'" height="'+this.subcheight+'" bgcolor="'+this.subcbgcolor+'">'; if(ie){ this.d7 += '<div class=menu id="imx'+d6+'" onMouseover="a4('+d6+')" onMouseout="a7('+d6+')" STYLE="position:relative; width:'+this.subcwidth+'; z-index: 6">'; this.d7 += '<img align="absmiddle" border="0" src="'+this.subpreim+'" width="'+this.subpreimx+'" height="'+this.subpreimy+'">'; if(murl != "") this.d7 += '<a class=menu href="'+murl+'">'; this.d7 += mtext; if(murl != "") this.d7 += '</a>'; this.d7 += '</div>'; } else if(ns6){ this.d7 += '<div class=menu id="noimx'+d6+'" onMouseover="a4('+d6+')" onMouseout="a7('+d6+')" STYLE="position:relative; width:'+this.subcwidth+';">'; this.d7 += '<img align="absmiddle" border="0" src="'+this.subpreim+'" width="'+this.subpreimx+'" height="'+this.subpreimy+'">'; if(murl != "") this.d7 += '<a class=menu href="'+murl+'">'; this.d7 += mtext; if(murl != "") this.d7 += '</a>'; this.d7 += '</div>'; } else{ this.d7 += '<ilayer id="imx'+d6+'"><layer class=menu width="'+this.subcwidth+'" height="'+this.subcheight+'" onMouseover="a4('+d6+')" onMouseout="c2[c3['+d6+'].d4].b6=setTimeout(\'a7('+d6+')\',100)">'; if(this.nnsubheight > 0) this.d7 += '<img align="textbottom" border="0" src="'+this.mainpreim+'" width="'+this.g3+'" height="'+this.nnsubheight+'"><br>'; this.d7 += '&nbsp;'; if(murl != "") this.d7 += '<a class=menu href="'+murl+'">'+mtext+'</a>'; else this.d7 += mtext;this.d7 += '</layer></ilayer>'; }; this.d7 += '</td></tr>'; if(submid!="") c1[submid]=d6; c3[d6]=new d3(this.f3,c1[mid],menuid,0,this.nomenus); c3[c1[mid]].sub=d6; c3[c1[mid]].submenu=menuid; c3[d6].d1=this.subcheight+this.subspacery; c3[d6].d2=this.subcwidth; c3[d6].b1=this.g2; c3[d6].a8=this.f1width; c3[d6].a9=this.h8; this.nomenus++; }; POTMenu.prototype.startMenu=function(){ defineglobals(); c2[c2ref]=new a0(); this.f3=c2ref; c2ref++; menuid++; c2[this.f3].b2=this.b2; c2[this.f3].b3=this.b3; this.rootmenu=menuid; this.firstmenuitem=d6+1; c2[this.f3].b8=this.firstmenuitem; if(opera) this.d8 += '<div id="vrsub'+menuid+'" STYLE="position:relative;">'; else if(ie||ns6){ if(ismac) this.d8 += '<div id="theroot" STYLE="position:absolute; visibility: hidden;">'; this.d8 += '<div id="vrsub'+menuid+'" STYLE="position:absolute; visibility: hidden;">'; } else if(ns){ this.d8 += '<ilayer id="vrsub'+menuid+'" visibility="show"><layer>'; }; this.d8 += '<table border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">'; this.d8 += '<img src="'+this.f7+'" border="0" width="'+this.imgcornerleft+'" height="'+this.imgheight+'">'; this.d8 += '<img src="'+this.imgtop+'" border="0" width="'+(this.g3-this.mainba)+'" height="'+this.imgheight+'">'; this.d8 += '<img src="'+this.f6+'" border="0" width="'+this.imgcornerright+'" height="'+this.imgheight+'"></td></tr><tr><td>'; this.d8 += '<img src="'+this.imgleft+'" border="0" width="'+this.f8+'" height="imgplaceholder">'; this.d8 += '</td><td><table border="0" cellspacing="0" cellpadding="0">'; }; POTMenu.prototype.showMainMenu=function(){ var d1=((this.nomenus-1)*this.mainspacery)+this.nomenus*this.g1; this.d8 += '</table></td><td><img src="'+this.imgright+'" border="0" width="'+this.f9+'" height="'+d1+'"></td></tr>'; this.d8 += '<tr><td colspan="3"><img src="'+this.f5+'" border="0" width="'+this.imgcornerleft+'" height="'+this.imgheight+'">'; this.d8 += '<img src="'+this.imgbottom+'" border="0" width="'+(this.g3-this.mainba)+'" height="'+this.imgheight+'">'; this.d8 += '<img src="'+this.f4+'" border="0" width="'+this.imgcornerright+'" height="'+this.imgheight+'"></td></tr></table>'; if(ie||ns6) this.d8 += '</div>'; else if(ns) this.d8 += '</layer></ilayer>'; document.write(this.d8.replace("imgplaceholder", d1)); this.nomenus=0; }; POTMenu.prototype.showMenu=function(){ var d1=((this.nomenus-1)*this.subspacery)+this.nomenus*this.subcheight; this.d7 += '</table></td><td><img src="'+this.f1+'" border="0" width="'+this.f1width+'" height="'+d1+'"></td></tr>'; this.d7 += '<tr><td colspan="3"><img src="'+this.h2+'" border="0" width="'+this.a2+'" height="'+this.g2+'"><img src="'+this.h5+'" border="0" width="'+(this.subcwidth-this.subba)+'" height="'+this.g2+'"><img src="'+this.h1+'" border="0" width="'+this.a1+'" height="'+this.g2+'"></td></tr></table>'; if(ie||ns6){ this.d7 += '</div>'; if(ismac) this.d7 += '</div>'; } else if(ns) this.d7 += '</layer>'; document.write(this.d7.replace("imgplaceholder", d1-this.d9)); c2[this.f3].b9=d6; c1=new Array(); showrootmenu(this.rootmenu); }; POTMenu.prototype.mainmenuitemsize=function(width,height){ this.g3=width; this.g1=height; this.mainpreimy=height-3; }; POTMenu.prototype.submenuitemsize=function(width,height){ this.subcwidth=width; this.subcheight=height; this.subpreimy=height-3; }; POTMenu.prototype.submenuplacing=function(b2,b3){ this.b2=Math.abs(b2); this.b3=b3; }; POTMenu.prototype.mainborderimages=function(left,right,top,bottom){ this.imgleft=left; this.imgright=right; this.imgtop=top; this.imgbottom=bottom; }; POTMenu.prototype.mainbordercorners=function(topleft,topright,bottomleft,bottomright){ this.f7=topleft; this.f6=topright; this.f5=bottomleft; this.f4=bottomright; }; POTMenu.prototype.mainborderdimensions=function(leftwidth,rightwidth,height){ this.imgcornerleft=this.f8=leftwidth; this.imgcornerright=this.f9=rightwidth; this.imgheight=height; this.mainba=0; }; POTMenu.prototype.subborderimages=function(left,right,top,bottom){ this.h9=left; this.f1=right; this.h6=top; this.h5=bottom; }; POTMenu.prototype.subbordercorners=function(topleft,topright,bottomleft,bottomright){ this.h4=topleft; this.h3=topright; this.h2=bottomleft; this.h1=bottomright; }; POTMenu.prototype.subborderdimensions=function(leftwidth,rightwidth,height){ this.a2=this.h8=leftwidth; this.a1=this.f1width=rightwidth; this.g2=height; this.subba=0; }; POTMenu.prototype.definejoin=function(join,joinheight){ this.f2=join; this.d9=joinheight; }; POTMenu.prototype.maincornerwidths=function(leftwidth,rightwidth){ this.imgcornerleft=leftwidth; this.imgcornerright=rightwidth; this.mainba=(leftwidth+rightwidth)-(this.f8+this.f9); }; POTMenu.prototype.subcornerwidths=function(leftwidth,rightwidth){ this.a2=leftwidth; this.a1=rightwidth; this.subba=(leftwidth+rightwidth)-(this.h8+this.f1width); }; POTMenu.prototype.mainmenucolor = function(bgcolor){ this.maincalign = "left"; this.maincbgcolor = bgcolor; }; POTMenu.prototype.submenucolor = function(bgcolor){ this.subcalign = "left"; this.subcbgcolor = bgcolor; }; POTMenu.prototype.mainpreimage = function(pim,pio,pix,piy){ this.mainpreim = pim; this.mainpreimov = pio; this.mainpreimx = pix; this.mainpreimy = piy; }; POTMenu.prototype.subpreimage = function(pim,pio,pix,piy){ this.subpreim = pim; this.subpreimov = pio; this.subpreimx = pix; this.subpreimy = piy; }; POTMenu.prototype.definemainspacer = function(name,height){ this.mainspacer = name; this.mainspacery = height; }; POTMenu.prototype.definesubspacer = function(name,height){ this.subspacer = name; this.subspacery = height; }; POTMenu.prototype.netscapeadjust = function(main,sub){ this.nnmainheight = main; this.nnsubheight = sub; }; this.mainmenuitemsize(160,30); this.submenuitemsize(100,30); this.submenuplacing(0,0); this.mainborderdimensions(1,1,1); this.subborderdimensions(1,1,1); this.mainborderimages("clearpixel.gif","clearpixel.gif","clearpixel.gif","clearpixel.gif"); this.mainbordercorners("clearpixel.gif","clearpixel.gif","clearpixel.gif","clearpixel.gif"); this.subborderimages("clearpixel.gif","clearpixel.gif","clearpixel.gif","clearpixel.gif"); this.subbordercorners("clearpixel.gif","clearpixel.gif","clearpixel.gif","clearpixel.gif"); this.definejoin("",0); this.mainpreimage("clearpixel.gif","clearpixel.gif",5,27); this.subpreimage("clearpixel.gif","clearpixel.gif",5,27); this.definemainspacer("",0); this.definesubspacer("",0); this.g4=null; this.d8=""; this.d7=""; this.nomenus=0; this.netscapeadjust(0,0); c0=false; }
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 10878124
Is this your JS file or the JS file you downloaded from Dynamic Drive? Dynamic Drive supplies you with all the code you need.

-Corey
0
 

Author Comment

by:jayjay21us
ID: 10878265
I downloaded this js.. I don't understand then why it does work..
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 10878317
I am not certain either.  I do not know that much about JavaScript.  Where did you download the above JavaScript from?  Dynamic Drive?  Or is this another script that you are working with now?

-Corey
0
 
LVL 12

Expert Comment

by:rcmb
ID: 10878399
Okay I have it working -- Try this:
<script language="JavaScript" src="menu.js"></script>\
<script>
mymenu = new POTMenu
// This line is required here
mymenu.startMenu()
// Define the main menu.
mymenu.addMenu("home","<b>home</b>", "www.wcfoc.org")
mymenu.addMenu("offices","<b>offices</b>", "")
mymenu.addMenu("attorneys","<b>attorneys</b>", "")
mymenu.addMenu("customer service","<b>customer service</b>", "")

// This line is required after the main menu is defined.
mymenu.showMainMenu()
// Define the sub menus
mymenu.addSubMenu("offices", "", "<b>customer service</b>", "customerservice.htm")
mymenu.addSubMenu("offices","", "<b>bench warrants</b>", "benchwarrant.htm")
mymenu.addSubMenu("attorneys", "", "<b>attorney section</b>", "attorneysection.htm")
mymenu.addSubMenu("attorneys", "", "<b>attorney FAQs</b>", "attorneyfaq.htm")
mymenu.addSubMenu("customer service", "", "<b>ncp program</b>", "ncpprogram.htm")

// This line is required after all menu definitions are finished
mymenu.showMenu()
</script>

I copied your js data to menu.js and that is what I called.

RCMB
0
 

Author Comment

by:jayjay21us
ID: 10878697
Ok it does give an error message.. Bu I didn't want to add "customer servce" to the main menu.. I want "Offices" on the main menu, then submenu "customer service", then sub menu of "customer service" to be "ncp porgam"
0
 
LVL 12

Accepted Solution

by:
rcmb earned 100 total points
ID: 10879068
Fixed to give you the sub menu under offices

<script language="JavaScript" src="menu.js"></script>
<script>
mymenu = new POTMenu
// This line is required here
mymenu.startMenu()
// Define the main menu.
mymenu.addMenu("home","<b>HOME</b>", "www.wcfoc.org")
mymenu.addMenu("offices","<b>offices</b>", "#")
mymenu.addMenu("attorneys","<b>attorneys</b>", "#")
// This line is required after the main menu is defined.
mymenu.showMainMenu()

// Define the sub menus
mymenu.addSubMenu("offices", "offices1", "<b>customer service</b>", "customerservice.htm")
mymenu.addSubMenu("offices", "", "<b>bench warrants</b>", "benchwarrant.htm")
mymenu.addSubMenu("offices1", "customer services", "<b>ncp program</b>", "ncpprogram.htm")
mymenu.addSubMenu("attorneys", "", "<b>attorney section</b>", "attorneysection.htm")
mymenu.addSubMenu("attorneys", "", "<b>attorney FAQs</b>", "attorneyfaq.htm")

// This line is required after all menu definitions are finished
mymenu.showMenu()
</script>
RCMB
0
 

Author Comment

by:jayjay21us
ID: 10879656
Works like a charm!!!! Thanks so much!!!

I've increased the points too...

Thanks again RCMB
0
 
LVL 12

Expert Comment

by:rcmb
ID: 10879702
Glad to help. Thanks for the points!

RCMB
0

Featured Post

WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

622 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question