Permanenza stile dopo click del mouse

Ciao, ho dei link che fungono da selezioni (cliccandoli si rimane nella stessa pagina) vorrei fare in modo che una volta cliccati cambi il loro stile in modo definitivo, una sorta di :active permanente, come posso fare? e' possibile farlo con il CSS o serve il javascript?

Penso sia necessario js. All'evento onclick cambi le varie proprietà con js.

Ciao!

Ho dei div che hanno la stessa classe e devo fare uno script che quando clicchi su uno di essi rimanga un determinato stile, e che poi quando clicchi su un altro div rimuove lo stile dal precedente per applicarlo a quello nuovo. Come posso fare?

Sì, in javascript non dovrebbe essere difficile farlo (come dicevo sopra). Dove trovi problemi?

Ciao!

Trovo problemi nel fare in modo che quando clicco su un altro div lo stile si elimina dal precedente per applicarlo a l'ultimo che ho cliccato. Su un div singolo ci sono riuscito senza problemi cosi:

Codice:

---

<style>
function cambiasfondo(cambia_sfondo){
   document.getElementById('div').style.backgroundColor = "#000";
  }
</style>

<div id="div" onclick="cambia_sfondo()"></div>

---

Ma in questo modo si va a collegare esclusivamente all'id di una specifica selezione, io devo fare selezioni multiple

Devi usare una memoria, come una variabile, ad esempio:

Codice:

---

var ultimoclick = false;
function cambiasfondo(id)
{
        if(ultimoclick)
                document.getElementById(ultimoclick).style.background = '#F00';
        ultimoclick = id;
}

---

esempio

Ciao!

Grazie alemoppo. Prendendo la pagina d'esempio che hai fatto, dove di base ci sono 4 div gialli, devo fare una cosa del genere: clicco ad esempio sul secondo div e diventa rosso, poi clicco sul quarto che diventa rosso mentre il secondo torna giallo, e cosi via anche per gli altri

Non ti viene proprio in mente come fare questa piccola modifica?

Ciao!

ok ci sono arrivato anche se non in maniera proprio elegante... ho fatto cosi:

Codice:

---

                        <script language="Javascript">
<!--

var ultimoclick = false;
function cambiasfondo(id){
       
        document.getElementById(id).style.background = '#f00';
                                       

        if(ultimoclick)
                document.getElementById(ultimoclick).style.background = '#fff';
       
        ultimoclick = id;
       
}
-->
</script>

        <div id="div1" onclick="cambiasfondo(this.id); "></div>
<div id="div2" onclick="cambiasfondo(this.id); "></div>

---