Identifying active menu item

Dev Shed Forums Sponsor:

February 11th, 2013, 11:48 AM

aeternus

For POny!

Join Date: Apr 2012

Location: Amsterdam

Posts: 416

Time spent in forums: 5 Days 4 h 56 m 43 sec
Reputation Power: 114

Identifying active menu item

Hi guys,

I am helping out a 'friend' with a site that has some static pages due to the nature of a horrific template. Due to this I am forced to use javascript to identify active menu-items (I prefer doing it serverside but that is no option, pennywise). So i found a little script that looks like it should do the trick but it doesn't

javascript Code:

Original - javascript Code

 
jQuery.noConflict();
// Do something with jQuery
jQuery(document).ready(function() {
   var pathname = window.location.pathname;
   var pathname = pathname.split('/');
   var tester = pathname[pathname.length-1];
   
   jQuery('#categories li a').each(function(){
       var test = $(this).attr('href');
// I added this to test the values
       alert('test='+test+'tester='+tester);
       if (test == tester){
           $(this).addClass('active');
       }
       
   });
   
});

As you can see in the code It should alert 2 variables, but it doesn't alert anything. Am I missing something?

Love to hear it

P.s. the moment I go into the .each function I can't alert stuff. above that function I am able to, which for me is an indication that something is wrong there. (I have no other method of identifying errors with javascript)

__________________
PHP Tutorial

Last edited by aeternus : February 11th, 2013 at 12:01 PM. Reason: spelling

February 11th, 2013, 12:10 PM

Jacques1

pollyanna

Join Date: Jul 2012

Location: Germany

Posts: 1,845

Time spent in forums: 1 Month 2 Weeks 1 Day 9 h 4 m 28 sec
Reputation Power: 813

Hi,

you cannot use "$" when you've called jQuery.noConflict();

Check the JavaScript console of your browser. I'm sure that's exactly the error.

__________________
The 6 worst sins of security • The mystery of errors and exceptions

February 11th, 2013, 12:24 PM

aeternus

For POny!

Join Date: Apr 2012

Location: Amsterdam

Posts: 416

Time spent in forums: 5 Days 4 h 56 m 43 sec
Reputation Power: 114

Hi Jacques1,

Thanks! I kinda missed that dollar sign

Cheers!!

February 11th, 2013, 02:05 PM

aeternus

For POny!

Join Date: Apr 2012

Location: Amsterdam

Posts: 416

Time spent in forums: 5 Days 4 h 56 m 43 sec
Reputation Power: 114

If anyone wants to use this in the future here is the final script that works. (can be optimized probably

)

javascript Code:

Original - javascript Code

 
jQuery.noConflict();
// Do something with jQuery
jQuery(document).ready(function() {
   var pathname = window.location.pathname;
   var pathname = pathname.split('/');
   var tester = pathname;
   
   jQuery('#categories li a,#pages li a').each(function(){
 
       var test = jQuery(this).attr('href').split('/');
       //alert(tester[1]+' | '+test[1]);
       if (test[1] == tester[1]){
           
           jQuery(this).addClass('active');
       }
       
   });
   
});
//based on http://tinyurl.com/b8ujzen

Identifying active menu item

Developer Shed Advertisers and Affiliates