Jump to content

Trying to Re-use Working Code on New Site - Active Nav


m_hutchins

Recommended Posts

Hello,

 

I had some help here a little while ago on getting some code to work so that the buttons of the main navigation of the site reflected with page and/or section you are in/on.

 

I am trying to re-use the code on a new site and am running into some issues...mainly, it's not working.

 

The new site is here:

http://clarkwireless.oiw10.com

 

I ended up using this code to target all the "main/top layer" buttons:

 

<script> var current = window.location.href; if ( current == "http://clarkwireless.oiw10.com" || current == "http://clarkwireless.oiw10.com/" || current == "http://clarkwireless.oiw10.com/index.htm" ){ jQuery('#menu > li > a[href=/index.htm]')().addClass("active"); } else if ( current.indexOf("http://clarkwireless.oiw10.com/about-us/") > -1 || current.indexOf("http://clarkwireless.oiw10.com/news") > -1 || current.indexOf("http://clarkwireless.oiw10.com/resources") > -1 || current.indexOf("http://clarkwireless.oiw10.com/videos") > -1 || current == "http://clarkwireless.oiw10.com/contact-us.htm" ){ jQuery('#menu > li > a[href$=/about-us/index.htm]').parent().addClass("active"); }</script>

 

And I ended up using this code to catch the buttons in the drop downs:

<script> $(function () { setNavigation(); }); function setNavigation() { var path = window.location.pathname; path = path.replace(//$/, ""); path = decodeURIComponent(path); $("#menu a").each(function () { var href = $(this).attr('href'); if (path.substring(0, href.length) === href) { $(this).closest('li').addClass('active'); $('li.active').parents().not('ul').addClass('active'); } }); } </script>

 

I've tried a few things with the CSS and within the Javascript, but it's a little over my head.

 

Any help would be greatly appreciated!

 

m@

Link to comment
Share on other sites

Hmm, I'm not really familiar with what to look for in the error console. But, I ran it on the site that the code it coming from (working); tfmcomm.com and I'm not seeing a difference.

 

My initial guess is that I'm missing something with the parent/child li and ul and/or something with the different id/class names???

 

But, yet again, that's why I'm here...

Link to comment
Share on other sites

Anything marked in red in the error console is a problem. If you don't know what it means then put it here so we can tell you.

 

Do you have the jQuery library included on your page before your script?

Link to comment
Share on other sites

I have the jQuery library included in the head. Then I have the above script following the menu. Does that answer anything.

 

If I'm doing things correctly, I'm seeing the same "error" in the console on both the site that the script is working (www.tfmcomm.com) and the site that I'm trying to get it to function on (http://clarkwireless.oiw10.com). Not. To. Sure...

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...