Solved

Creating a "pop out text" menu

Posted on 2004-04-20
18
281 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
  • 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
NFR key for Veeam Backup for Microsoft Office 365

Veeam is happy to provide a free NFR license (for 1 year, up to 10 users). This license allows for the non‑production use of Veeam Backup for Microsoft Office 365 in your home lab without any feature limitations.

 

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

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

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

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

820 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