PDA

View Full Version : Navigation Bar Problem



shane_wilson_torrie
10-30-2007, 03:55 AM
Hi, i've posted this on another section (which i really am sorry) since it should be posted here.

Anyway, How do I code in javascript for the onclick event for buttons on a navigation bar so the button appears clicked (when clicked)? I created a navigation bar in fireworks with 3 states (up, onmouseover and onclick). I have all the images for the onmouse over and onclick and have imported the navigation bar into Dreamweaver. The onmouseover works but the onclick does not. So when the button is clicked and goes to the next webpage, the navigation bar appears in the upstate for all the buttons. I need the button to be in the downstate (the one they clicked). The navigation bar is on the left and i want it to appear on the right (in the editable region if possible? since i don't want to use frames). Everything is also in div.

Here is a section of the code for my template:


<div class="body">

<div class="left"><a href="../1.html" target="_top" onclick="MM_nbGroup('down','group1','finaltemplater1c1','../nav/down/final_template_r1_c1.jpg',1)" onmouseover="MM_nbGroup('over','finaltemplater1c1','../nav/over/final_template_r1_c1.jpg','../nav/down/final_template_r1_c1.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../nav/final_template_r1_c1.jpg" alt="Learn English" name="finaltemplater1c1" width="150" height="74" border="0" id="finaltemplater1c1" onload="" /></a><a href="../2.html" target="_top" onclick="MM_nbGroup('down','group1','finaltemplater2c1','../nav/down/final_template_r2_c1.jpg',1)" onmouseover="MM_nbGroup('over','finaltemplater2c1','../nav/over/final_template_r2_c1.jpg','../nav/down/final_template_r2_c1.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../nav/final_template_r2_c1.jpg" alt="Translation" name="finaltemplater2c1" width="150" height="73" border="0" id="finaltemplater2c1" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','finaltemplater3c1','../nav/down/final_template_r3_c1.jpg',1)" onmouseover="MM_nbGroup('over','finaltemplater3c1','../nav/over/final_template_r3_c1.jpg','../nav/down/final_template_r3_c1.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../nav/final_template_r3_c1.jpg" alt="English Notes" name="finaltemplater3c1" width="150" height="71" border="0" id="finaltemplater3c1" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','finaltemplater4c1','../nav/down/final_template_r4_c1.jpg',1)" onmouseover="MM_nbGroup('over','finaltemplater4c1','../nav/over/final_template_r4_c1.jpg','../nav/down/final_template_r4_c1.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../nav/final_template_r4_c1.jpg" alt="Latest News" name="finaltemplater4c1" width="150" height="72" border="0" id="finaltemplater4c1" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','finaltemplater5c1','../nav/down/final_template_r5_c1.jpg',1)" onmouseover="MM_nbGroup('over','finaltemplater5c1','../nav/over/final_template_r5_c1.jpg','../nav/down/final_template_r5_c1.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../nav/final_template_r5_c1.jpg" alt="Skype Service" name="finaltemplater5c1" width="150" height="72" border="0" id="finaltemplater5c1" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','finaltemplater6c1','../nav/down/final_template_r6_c1.jpg',1)" onmouseover="MM_nbGroup('over','finaltemplater6c1','../nav/over/final_template_r6_c1.jpg','../nav/down/final_template_r6_c1.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../nav/final_template_r6_c1.jpg" alt="Site Map" name="finaltemplater6c1" width="150" height="77" border="0" id="finaltemplater6c1" onload="" /></a></div>

<div class="content">
<!-- TemplateBeginEditable name="article" --><!-- TemplateEndEditable -->

</div>

</div>

Really looking forward to replies.

P.S. I've already tried the <a href=... onclick="...; return false"></a> but i don't think it works.