ago
31
Vi sarà capitato di avere un menù creato con i css ed avere la classe selected o comunque una classe che rappresenta lo stile del bottone quando selezionata la pagina collegata ad esso.
Come soluzione potete usare PHP con diversi if oppure usare la mia soluzione.
Che grazie all’aiuto di jQuery ci permette di rendere il bottone del nostro menù selezionato in automatico, quindi senza creare inutili if.
Codice
$(document).ready(
function () {
$(‘a[href=?< ?php echo $_SERVER[QUERY_STRING]; ?>]’).addClass(‘selected’);
function () {
$(‘a[href=?< ?php echo $_SERVER[QUERY_STRING]; ?>]’).addClass(‘selected’);
});
Spiegandone il funzionamento:
-Php serve la query string a javascript.
-Javascript assegna una classe css all’elemento <a> con valore dell’attributo href che corrisponde alla query string.
Giustamente potete modificarlo come meglio credete, ma in sostanza questa è la soluzione che vi propongo.
Ti piace Menù css e classe selected? allora seguici.
Segnala subito l'articolo
[...] Menù css e classe selected Vi sarà capitato di avere un menù creato con i css ed avere la classe selected o comunque una classe che rappresenta lo stile del bottone quando selezionata la pagina collegata ad esso. Come soluzione potete usare PHP con diversi if oppure usare la mia soluzione. blog: SvacantMyBlog | leggi l'articolo [...]
postato 05 05 2010 alle ore 07:16 - #3573