creare una barra navigazione dinamica

[gpinodj]

Salve a tutti ragazzi, spero di aver scritto nella sezione giusta.
Voglio creare una barra navigazione tipo: "Pagina1 | Pagina2 | Pagina3 | Pagina4". Voglio che in base alla pagina di dove mi trovo mi deve cambiare il colore di background. utilizzo il php e non voglio utilizzare per ogni <li> un if voglio creare qualcosa di più dinamico utilizzando il javascript e/o jquery, voglio creare uno script che abbia questi step (da premettere che ogni pagina ha una variabile $titolo):

- confronto la variabile $titolo ad ogni <li> (all'interno di ogni li c'è una <a>)

<ul>
<li><a>Pagina1</a></li>
<li><a>Pagina2</a></li>
<li><a>Pagina3</a></li>
<li><a>Pagina4</a></li>
</ul>

- se per ipotesi $titolo è uguale a pagina3 il colore di background del <li> di appartenenza sarà #FFFFFF

Per intenderci voglio una cosa del genere fatta al backgroud e non al colore del font "Pagina1 | Pagina2 | Pagina3 | Pagina4"

[cavicchiandrea]

Finora cosa hai scritto? Se non l'hai già fatto fai una ricerca su google forse trovi qualcosa.

[Ciakko]

- se per ipotesi $titolo è uguale a pagina3 il colore di background del <li> di appartenenza sarà #FFFFFF

Stai comunque usando un if. Ci sono miriadi di metodi per fare quello che chiedi ma perchè non un semplice cambio di classe al click, oppure usare un css?

[EliBelTI]

potresti impostare una classe "active" al tag <li> quando ci clicchi sopra, e impostare lo stile alla classe

CSS

#ulTest  a { color:red; }
#ulTest > li:active > a { color:blue; }

HTML

<ul id="ulTest">
     <li><a>Pagina 1</a></li>
     <li><a>Pagina 2</a></li>
     <li><a>Pagina 3</a></li>
</ul>

SCRIPT

$("#ulTest > li").click(function() { 
     $("#ulTest > li").removeClass("active");
     $(this).addClass("active");
});

ho scritto di getto senza testare, se ci sono errori chiedi pure

[gpinodj]

potresti impostare una classe "active" al tag <li> quando ci clicchi sopra, e impostare lo stile alla classe

CSS

#ulTest  a { color:red; }
#ulTest > li:active > a { color:blue; }

HTML

<ul id="ulTest">
     <li><a>Pagina 1</a></li>
     <li><a>Pagina 2</a></li>
     <li><a>Pagina 3</a></li>
</ul>

SCRIPT

$("#ulTest > li").click(function() { 
     $("#ulTest > li").removeClass("active");
     $(this).addClass("active");
});

ho scritto di getto senza testare, se ci sono errori chiedi pure

il codice non parte, ad ogni modo non è quello che cerco, perche se un utente accede ad'una pagina specifica tramite preferiti la funzione non si attiva, c'è un modo per prelevare il valore di ogni singolo <li> e attribuirlo ad un array in modo da confrontare i valori dell'array con la variabile $titolo?