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



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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');
}

});



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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');
}



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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');
}

});



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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