-
script menu
ciao a tutti
nel codice qui sotto ogni pulsante del menu visualizza delle pagine html all'interno dei DIV presenti nella pagina, qualcuno di voi sa dirmi come posso cambiare colore alle voci del menu in base alla pagina che č visualizzata in quel momento?
Codice HTML:
<div class="menu">
<ul>
<li><a href="#" id="home" class="nav">Biografia</a></li>
<li><a href="#" id="prog" class="nav">Progetti</a></li>
<li><a href="#" id="disc" class="nav">Discografia</a></li>
<li><a href="#" id="media" class="nav">Media</a></li>
<li><a href="#" id="event" class="nav">Eventi</a></li>
<li><a href="#" id="press" class="nav">Press</a></li>
</ul>
</div>
<script>
$(document).ready(function(){
$("#display").load("Biografia.html");
$("#home").click(function(){
$("#display").load("Biografia.html");
});
$("#prog").click(function(){
$("#display").load("Progetti.html");
});
$("#disc").click(function(){
$("#display").load("Discografia.html");
});
$("#media").click(function(){
$("#display").load("Media.html");
});
$("#event").click(function(){
$("#display").load("Eventi.php");
});
$("#press").click(function(){
$("#display").load("Press.html");
});
});
</script>
grazie
-
Crei una classe CSS impostando il colore di sfondo che vuoi tu e, ogni volta che un link viene cliccato, levi la classe tramite la funzione jQuery .removeClass() a tutti i link che hanno quella classe e poi la aggiungi (.addClass()) all'elemento con l'ID cliccato.
Ciao!
-
grazie! se funziona domani posto il risultato, magari puņ essere utile a qualcun altro =)