Men¨ Active a seconda della pagina visualizzata


Risolto Men¨ Active a seconda della pagina visualizzata

Messaggio Da Roke. il Dom 12 Apr 2015 - 20:06

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 :cuore:


Ultima modifica di Roke. il Dom 12 Apr 2015 - 23:48, modificato 2 volte (Motivazione : Migliorato il titolo per l'indicizzazione)
avatar
Roke.
Veterano dello staff

Sesso : Maschile
EtÓ : 22
Messaggi : 371
LocalitÓ : Bassano del Grappa


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Roke. Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Niko il Dom 12 Apr 2015 - 21:29

Ciao @Roke.

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

Il codice javascript in question Ŕ questo :new:
  • 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
avatar
Niko
Veterano dello staff


Sesso : Maschile
EtÓ : 20
Messaggi : 7758
LocalitÓ : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Roke. il Dom 12 Apr 2015 - 21:50

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?
avatar
Roke.
Veterano dello staff

Sesso : Maschile
EtÓ : 22
Messaggi : 371
LocalitÓ : Bassano del Grappa


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Roke. Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Niko il Dom 12 Apr 2015 - 21:53

Ad esempio:

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

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

});
avatar
Niko
Veterano dello staff


Sesso : Maschile
EtÓ : 20
Messaggi : 7758
LocalitÓ : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Roke. il Dom 12 Apr 2015 - 22:19

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>
avatar
Roke.
Veterano dello staff

Sesso : Maschile
EtÓ : 22
Messaggi : 371
LocalitÓ : Bassano del Grappa


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Roke. Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Niko il Dom 12 Apr 2015 - 22:23

Di solito la pagina per i portale Ŕ sotto /portal oppure sotto /portal?pid=1 :bene:

fai qualche prova Wink
avatar
Niko
Veterano dello staff


Sesso : Maschile
EtÓ : 20
Messaggi : 7758
LocalitÓ : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Roke. il Dom 12 Apr 2015 - 22:35

Per le pagine HTML funziona benissimo...mi manca solo il portale, ho fatto qualche tentativo ma niente >..>
avatar
Roke.
Veterano dello staff

Sesso : Maschile
EtÓ : 22
Messaggi : 371
LocalitÓ : Bassano del Grappa


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Roke. Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Niko il Dom 12 Apr 2015 - 22:40

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

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');
}
avatar
Niko
Veterano dello staff


Sesso : Maschile
EtÓ : 20
Messaggi : 7758
LocalitÓ : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Roke. il Dom 12 Apr 2015 - 22:49

Nulla pale
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?
avatar
Roke.
Veterano dello staff

Sesso : Maschile
EtÓ : 22
Messaggi : 371
LocalitÓ : Bassano del Grappa


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Roke. Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Niko il Dom 12 Apr 2015 - 23:37

perdonami, ho tolto una parte per testarlo Razz

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

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

});
avatar
Niko
Veterano dello staff


Sesso : Maschile
EtÓ : 20
Messaggi : 7758
LocalitÓ : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: Men¨ Active a seconda della pagina visualizzata

Messaggio Da Roke. il Dom 12 Apr 2015 - 23:43

Perfetto! :cuore:

Grazie mille
avatar
Roke.
Veterano dello staff

Sesso : Maschile
EtÓ : 22
Messaggi : 371
LocalitÓ : Bassano del Grappa


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Roke. Ŕ stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum