Correlation between bottom links and top nav bar

Posted on 2005-04-29
Medium Priority
Last Modified: 2010-04-09
Is there anyway to have the top navigation bar correlate with the bottom navigation links.  (for example:)  If i click "home" on the bottom links "home" on the top navigation bar will appear selected.

You can see my site at http://www.trappedinnyc.com
Question by:bjv211
1 Comment
LVL 15

Accepted Solution

Colosseo earned 1000 total points
ID: 13898189
Hi you could try this for your bottom frame source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="bottomnav_data/trapped.css" rel="stylesheet" type="text/css"></head>

<p align="center">
      <a class="smallink" href="http://www.trappedinnyc.com/home.html" onclick="top.topFrame.MM_nbGroup('down','group1','Home','images/homedown.png',1)" target="mainFrame">Home</a> &nbsp;|&nbsp;
      <a class="smallink" href="http://www.trappedinnyc.com/uc.html" onclick="top.topFrame.MM_nbGroup('down','group1','nycfun','images/nycdown.png',1)" target="mainFrame">NYC Fun</a> &nbsp;|&nbsp;
      <a class="smallink" href="http://www.trappedinnyc.com/picslogin.cfm" onclick="top.topFrame.MM_nbGroup('down','group1','Pics','images/picsdown.png',1)" target="mainFrame">Pics</a> &nbsp;|&nbsp;
      <a class="smallink" href="http://www.trappedinnyc.com/xbox.html" onclick="top.topFrame.MM_nbGroup('down','group1','Xbox','images/xboxdown.png',1)" target="mainFrame">Xbox</a> &nbsp;|&nbsp;
      <a class="smallink" href="http://www.trappedinnyc.com/email.cfm" target="mainFrame">Contact Me</a>

basically it is the same except that the same onclick events used in your top frame have been added to the bottom one... the difference being that each onclick in the bottom frame now has top.topFrame at the beginning which tells the javascript to look for the MM_nbGroup function in the top frames javascript



Featured Post

Prep for the ITIL® Foundation Certification Exam

December’s Course of the Month is now available! Enroll to learn ITIL® Foundation best practices for delivering IT services effectively and efficiently.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

829 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