/    Sign up×
Community /Pin to ProfileBookmark

I have been asked by a client to add two new pages to there current web site, the problem is the person who did it before left no notes or coding comments and i dont know JS well, so what i need to do is add two more pages to the nav bar on the gallery so i can say Gallery 1 & Gallery 2.

[CODE]<script language=”JavaScript” type=”text/javascript”>
<!–
function mmLoadMenus() {
if (window.mm_menu_0814162018_0) return;
window.mm_menu_0814162018_0 = new Menu(“root”,102,18,”Verdana, Arial, Helvetica, sans-serif”,10,”#2c5597″,”#ffffff”,”#CED5F2″,”#2c5597″,”left”,”middle”,4,0,300,-5,7,true,false,true,5,true,true);

mm_menu_0814162018_0.addMenuItem(“Overview”,”location=’lodges_overview.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 1″,”location=’lodge1.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 2″,”location=’lodge2.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 3″,”location=’lodge3.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 4″,”location=’lodge4.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 5″,”location=’lodge5.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 6″,”location=’lodge6.html'”);
mm_menu_0814162018_0.addMenuItem(“Luxury Lodge 7″,”location=’lodge7.html'”);
mm_menu_0814162018_0.addMenuItem(“Specification”,”location=’lodges_specification.html'”);
mm_menu_0814162018_0.hideOnMouseOut=true;
mm_menu_0814162018_0.bgColor=’#2b5497′;
mm_menu_0814162018_0.menuBorder=0;
mm_menu_0814162018_0.menuLiteBgColor=’#003366′;
mm_menu_0814162018_0.menuBorderBgColor=’#ffffff’;
mm_menu_0814162716_1.hideOnMouseOut=true;
mm_menu_0814162716_1.bgColor=’#2b5497′;
mm_menu_0814162716_1.menuBorder=0;
mm_menu_0814162716_1.menuLiteBgColor=’#cfddee’;
mm_menu_0814162716_1.menuBorderBgColor=’#ffffff’;
window.mm_menu_0814162903_2 = new Menu(“root”,89,16,”Verdana, Arial, Helvetica, sans-serif”,10,”#2c5597″,”#ffffff”,”#CED5F2″,”#2c5597″,”left”,”middle”,3,0,300,-5,7,true,false,true,5,true,true);
mm_menu_0814162903_2.addMenuItem(“Contact&nbsp;Us”,”location=’contact_us.html'”);
mm_menu_0814162903_2.addMenuItem(“About&nbsp;Us”,”location=’about_us.html'”);
mm_menu_0814162903_2.hideOnMouseOut=true;
mm_menu_0814162903_2.bgColor=’#2b5497′;
mm_menu_0814162903_2.menuBorder=0;
mm_menu_0814162903_2.menuLiteBgColor=’#cfddee’;
mm_menu_0814162903_2.menuBorderBgColor=’#ffffff’;

mm_menu_0814162903_2.writeMenus();
} // mmLoadMenus()
//–>
</script>
<!– InstanceBeginEditable name=”head” –><!– InstanceEndEditable –>
</head>
<body onLoad=”MM_preloadImages(‘images/menu/otter_r5_c1_f3.gif’,’images/menu/otter_r5_c1_f2.gif’,’images/turning_page.gif’,’images/menu/otter_r6_c1_f3.gif’,’images/menu/otter_r6_c1_f2.gif’,’images/menu/otter_r6_c1_f4.gif’,’images/menu/otter_r7_c1_f3.gif’,’images/menu/otter_r7_c1_f2.gif’,’images/menu/otter_r8_c1_f3.gif’,’images/menu/otter_r8_c1_f2.gif’,’images/menu/otter_r9_c1_f3.gif’,’images/menu/otter_r9_c1_f2.gif’,’images/menu/otter_r10_c1_f3.gif’,’images/menu/otter_r10_c1_f2.gif’,’images/menu/otter_r11_c1_f3.gif’,’images/menu/otter_r11_c1_f2.gif’,’images/menu/otter_r12_c1_f3.gif’,’images/menu/otter_r12_c1_f2.gif’,’images/menu/otter_r13_c1_f3.gif’,’images/menu/otter_r13_c1_f2.gif’,’images/menu/otter_r14_c1_f3.gif’,’images/menu/otter_r14_c1_f2.gif’,’images/menu/otter_r15_c1_f3.gif’,’images/menu/otter_r15_c1_f2.gif’,’images/menu/otter_r11_c1_f4.gif’)”>
<script language=”JavaScript1.2″ type=”text/javascript”>mmLoadMenus();</script>
<table width=”700″ border=”0″ align=”center” cellpadding=”10″ cellspacing=”0″>
<tr>
<td width=”104″ valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”104″>
<tr><td><img src=”images/menu/spacer.gif” width=”104″ height=”1″ border=”0″ alt=””></td></tr>
<tr><td><a href=”home.html”><img name=”otter_r1_c1″ src=”images/menu/otter_r1_c1.gif” width=”104″ height=”152″ border=”0″ alt=”The Tranquil Otter”></a></td></tr>
<tr><td><img name=”otter_r2_c1″ src=”images/menu/otter_r2_c1.gif” width=”104″ height=”4″ border=”0″ alt=””></td></tr>
<tr><td><img name=”otter_r3_c1″ src=”images/menu/otter_r3_c1.gif” width=”104″ height=”21″ border=”0″ alt=”Paradise Found”></td></tr>
<tr><td><img name=”otter_r4_c1″ src=”images/menu/otter_r4_c1.gif” width=”104″ height=”1″ border=”0″ alt=””></td></tr>
<tr><td><a href=”home.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r5_c1′,’images/menu/otter_r5_c1_f2.gif’,’images/menu/otter_r5_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r5_c1′,’images/menu/otter_r5_c1_f3.gif’,1);”><img name=”otter_r5_c1″ src=”images/menu/otter_r5_c1.gif” width=”104″ height=”21″ border=”0″ alt=”Home”></a></td></tr>
<tr><td><a href=”lodges_overview.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’);MM_startTimeout();” onMouseOver=”MM_showMenu(window.mm_menu_0814162018_0,100,-10,null,’otter_r6_c1′);MM_nbGroup(‘over’,’otter_r6_c1′,’images/menu/otter_r6_c1_f2.gif’,’images/menu/otter_r6_c1_f4.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r6_c1′,’images/menu/otter_r6_c1_f3.gif’,1);”><img name=”otter_r6_c1″ src=”images/menu/otter_r6_c1.gif” width=”104″ height=”22″ border=”0″ alt=”The Lodges”></a></td>
</tr>
<tr><td><a href=”gallery.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r8_c1′,’images/menu/otter_r8_c1_f2.gif’,’images/menu/otter_r8_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r8_c1′,’images/menu/otter_r8_c1_f3.gif’,1);”><img name=”otter_r8_c1″ src=”images/menu/otter_r8_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Gallery”></a></td></tr>
<tr><td><a href=”special_needs.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r9_c1′,’images/menu/otter_r9_c1_f2.gif’,’images/menu/otter_r9_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r9_c1′,’images/menu/otter_r9_c1_f3.gif’,1);”><img name=”otter_r9_c1″ src=”images/menu/otter_r9_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Special Needs”></a></td></tr>
<tr><td><a href=”tarrif.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r10_c1′,’images/menu/otter_r10_c1_f2.gif’,’images/menu/otter_r10_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r10_c1′,’images/menu/otter_r10_c1_f3.gif’,1);”><img name=”otter_r10_c1″ src=”images/menu/otter_r10_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Tarrif”></a></td></tr>
<tr><td><a href=”contact_us.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’);MM_startTimeout();” onMouseOver=”MM_showMenu(window.mm_menu_0814162903_2,100,-5,null,’otter_r11_c1′);MM_nbGroup(‘over’,’otter_r11_c1′,’images/menu/otter_r11_c1_f2.gif’,’images/menu/otter_r11_c1_f4.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r11_c1′,’images/menu/otter_r11_c1_f3.gif’,1);”><img name=”otter_r11_c1″ src=”images/menu/otter_r11_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Contact Us”></a></td>
</tr>
<tr><td><a href=”directions.htm” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r12_c1′,’images/menu/otter_r12_c1_f2.gif’,’images/menu/otter_r12_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r12_c1′,’images/menu/otter_r12_c1_f3.gif’,1);”><img name=”otter_r12_c1″ src=”images/menu/otter_r12_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Directions”></a></td></tr>
<tr><td><a href=”visitors_book.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r13_c1′,’images/menu/otter_r13_c1_f2.gif’,’images/menu/otter_r13_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r13_c1′,’images/menu/otter_r13_c1_f3.gif’,1);”><img name=”otter_r13_c1″ src=”images/menu/otter_r13_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Visitors Book”></a></td></tr>
<tr><td><a href=”whats_new.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r14_c1′,’images/menu/otter_r14_c1_f2.gif’,’images/menu/otter_r14_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r14_c1′,’images/menu/otter_r14_c1_f3.gif’,1);”><img name=”otter_r14_c1″ src=”images/menu/otter_r14_c1.gif” width=”104″ height=”22″ border=”0″ alt=”What’s New”></a></td></tr>
<tr><td><a href=”index.html” target=”_top” onMouseOut=”MM_swapImgRestore();MM_nbGroup(‘out’)” onMouseOver=”MM_nbGroup(‘over’,’otter_r15_c1′,’images/menu/otter_r15_c1_f2.gif’,’images/menu/otter_r15_c1_f3.gif’,1);MM_swapImage(‘otter_r1_c1′,”,’images/turning_page.gif’,1)” onClick=”MM_nbGroup(‘down’,’navbar1′,’otter_r15_c1′,’images/menu/otter_r15_c1_f3.gif’,1);”><img name=”otter_r15_c1″ src=”images/menu/otter_r15_c1.gif” width=”104″ height=”22″ border=”0″ alt=”Reply Intro”></a></td></tr>
<tr><td><img name=”otter_r16_c1″ src=”images/menu/otter_r16_c1.gif” width=”104″ height=”13″ border=”0″ alt=””></td></tr>
<tr><td><a href=”booking_enquiries.htm”><img src=”images/menu/booking_enquiries.gif” width=”104″ height=”22″ border=”0″ alt=”Booking Enquiries”></a></td></tr>
</table>[/CODE]

This is the main part code which looks after all nav functions.

Any Ideas

Paul

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@Declan1991Jun 23.2008 — Add <i>
</i>mm_menu_0814162018_0.addMenuItem("Name","location='address1'");
mm_menu_0814162018_0.addMenuItem("Name 1","location='address2'");
As a guess, but it depends which menu. If that is the wrong menu, say so.
Copy linkTweet thisAlerts:
@WTMNauthorJun 23.2008 — I will try and explain a little better, on the current nac bar the "Lodges" and "Activties" and "Contact" sections both have a pop out menu on them, the rest are just standard image with html links what i am trying to do it add a new pop out section of "gallery" if possible.

I have attached a text file with the source code in.

?

[upl-file uuid=ddc77fae-6cdf-4178-88a4-81b01b23a5a4 size=17kB]homepage.txt[/upl-file]
×

Success!

Help @WTMN spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...