Menù Active a seconda della pagina visualizzata

Allora io nel mio CSS ho un'effetto "active" del mio menù (il menù è fatto tramite il Template overall_header). Vorrei che quest'effetto si applicasse solo nella parte del sito in cui mi trovo. Quindi per esempio se mi trovo nel Forum, il menù "forum" ha l'effetto active; se mi trovo nel Portale, il menù "portale" ha l'effetto active ecc ecc

Penso servi un Javascript, @Niko tu che sei il mago hai qualche soluzione? Grazie

Ciao @Roke.

anche nel mio forum ho installato qualcosa di questo genere per il menu laterale

Il codice javascript in question è questo

• Titolo: a tua scelta
  
• Dove: in tutte le pagine
  
• Codice:
  

  Codice:

  $(document).ready(function(){
if(location.pathname=='/forum'){

$('.menuforum').addClass('active');
}

});

in pratica, se ti trovi nella pagina /forum allora aggiunge la class .active all'elemento con la classe .menuforum
Dovrai quindi assegnare class="menuforum" al bottone da modificare se ti trovi nella posizione /forum

poi ti basterà ripetere il codice per le varie pagine, ad esempio:

Codice:

$(document).ready(function(){
if(location.pathname=='/calendar'){

$('.menucalendar').addClass('active');
}

});

e così via

Ho provato ma di sicuro sbaglio qualcosa.

Allora la classe del menù attivo è "left active" e questo è un'esempio di menù

Codice:


                                                  <li id='nav_app_downloads' class="left "><a href='/store' title='Go to Store' >Store</a></li>

che codice dovrei usare?

Ad esempio:

Codice:

$(document).ready(function(){
if(location.pathname=='/store'){

$('#nav_app_downloads').addClass('active');
}

});

Per il Forum mi funziona, invece provando per il Portale no. Ho messo questo

Codice:

$(document).ready(function(){
if(location.pathname=='/forum'){

$('#nav_app_forums').addClass('active');
}

});


$(document).ready(function(){
if(location.pathname=='/?pid=1'){

$('#nav_app_downloads').addClass('active');
}

});

e quetso è il menu

Codice:

<li id='nav_app_downloads' class="left"><a href='/?pid=1' title='Go to Portal' >Portale</a></li>

Di solito la pagina per i portale è sotto /portal oppure sotto /portal?pid=1

fai qualche prova

Per le pagine HTML funziona benissimo...mi manca solo il portale, ho fatto qualche tentativo ma niente

@Roke. questo perchè per il portale dovresti utilizzare #nav_app_portal

o comunque prova con

Codice:

if(location.pathname == 'http://zanimanga.italians.tv/?pid=1' || location.pathname == '/?pid=1' || location.pathname == '/'){

$('#nav_app_portal').addClass('active');
}

Nulla
Questo è il menù:

Codice:

<li id='nav_app_portal' class="left"><a href='/portal?pid=1'>Portale</a></li>

Magari con il portale non si può fare?

perdonami, ho tolto una parte per testarlo

Codice:

$(document).ready(function(){
if(location.pathname == 'http://zanimanga.italians.tv/?pid=1' || location.pathname == '/?pid=1' || location.pathname == '/'){

$('#nav_app_portal').addClass('active');
}

});

Perfetto!

Grazie mille