Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei giÓ un nostro utente oppure registrati per far parte della nostra grande comunitÓ. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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 (Ragione : Migliorato il titolo per l'indicizzazione)

Roke.
Veterano dello staff

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


Vedere 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

Niko
+ Iperattivo +


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


Vedere 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?

Roke.
Veterano dello staff

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


Vedere 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');
}

});

Niko
+ Iperattivo +


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


Vedere 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>

Roke.
Veterano dello staff

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


Vedere 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

Niko
+ Iperattivo +


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


Vedere 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 >..>

Roke.
Veterano dello staff

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


Vedere 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');
}

Niko
+ Iperattivo +


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


Vedere 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?

Roke.
Veterano dello staff

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


Vedere 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');
}

});

Niko
+ Iperattivo +


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


Vedere 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

Roke.
Veterano dello staff

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


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum