Cambiare colore al testo di un link dopo il click!

[Madsex]

Ciao raga, come da titolo, vorrei cambiare il colore del testo di un link dopo averci cliccato sopra.Non so bene se sia piu una cosa css o javascript se non entrambe chiedo scusa per un eventuale errore.

Mi spiego meglio, ho un menu nel quale cliccando sopra i link, viene mostrato il div di riferimento(senza ricaricare la pagina perchè il div di riferimento è inizialmente nascosto ma già caricato) vorrei però che il colore del testo del link cambi definitivamente colore dopo il click su di esso e la visualizzazione del div a cui si riferisce.

Possibile?

Grazie in anticipo!

[longilineo]

in css

a:hover {color:#} (quando il mouse sta sopra il link)
a:active {color:#} (quando hai cliccato e si sta aprendo)
a:visited {color:#} (link già visitato)
a:link {} (link non visitato)

[Madsex]

Grazie della risposta ma credo di essermi esposto male.
Se non ricordo in maniera errata, la proprietà css visited ti lascia il colore associato ad essa anche alla successiva visita o anche quando ti trovi in un altro punto del sito per ricordarti che quel link l'hai già cliccato.

Io vorrei semplicemente che il cambio di colore avvenga quando ti trovi nella sezione di riferimento del link.cerco di fare un esempio:

Home
Portfolio
Video

clicco su portfolio e mi compare nel div accanto tutto quello che c'azzecca con portfolio, in questa situazione il "tasto" portfolio diventa rosso, clicco poi su video e il tasto video diventa rosso mentre portfolio torna alla situazione di default(tipo nero o altro colore base).

Insomma il menù diventa una specie di indice per far capire all'utente dove si trova in quel momento.

Grazie in anticipo!

[longilineo]

Solitamente questa cosa si fa sempre in css assegnando una classe particolare al link relativo al settore attuale, e le modifiche al colore si gestiscono da li. Dovresti inoltre fare un override del comportamento standard dei link, sempre in css, oppure ancora sarebbe più semplice fare questa cosa su un button o un div personalizzato.
Al click sul link(button o div) dovresti limitarti ad assegnare la classe.

[Madsex]

Sarebbe troppo chiederti un esempio per tipo?
Con i css vado meglio a programmare, ma se è più veloce l'altro metodo ben venga.
Oppure qualche link utile da cui poter apprendere o sapere cosa cercare magari!

Grazie in anticipo!

[br1]

pippo

[Madsex]

Perfetto, era quello che cercavo.
Ora però mi vengono altri dubbi che mi piacerebbe risolvere anche per il futuro.

1)Con l'onclick postato, se successivamente clicco su un altro link (cambio frame o div come preferite chiamarlo), il link precedentemente premuto resta comunque colorato, ovviamente mi servirebbe che tornasse allo stato originale.

2)A questo punto mi domando, non sarebbe meglio che creassi con i css due classi distinte, 1 di default e una che viene richiamata sull'onclick e permette il cambio di colore o anche l'aggiunta di una img di background ecc.

una cosa tipo(maccheronicamente parlando):

.default{color:black;}
.special{color:red;}

pippo

il problema è che non so come scriverlo e resta sempre il dubbio del cambio di link(punto uno).

Spero non sia una cosa complicatissima, da neofita mi pare di capire che non sia chissà quale cosa incredibile, sembra piu o meno una cosa standard nei menù.


Come sempre sentitamente ringrazio!

[br1]

Originariamente inviato da Madsex
vorrei però che il colore del testo del link cambi definitivamente colore dopo il click su di esso

1 - Ovviamente non l'avevi detto

2 - ti e' gia' stato proposto

[Madsex]

E bhe, l'avevo dimenticato, chiedo scusa.

Cosa mi è stato già proposto?il cambio di classe?Perchè è vero che la proposta c'è stata ma come ho detto, non so come scrivere la cosa nell'onclick, purtroppo in javascript faccio abbastanza ca...pena.

Avresti almeno qualche esempio da farmi vedere?Un link o cose simili dove poter prendere info ?

Gerazie!

[br1]

onclick="this.className='quellochevuoi'"

pero' devi ripristinare gli altri o almeno l'ultimo...

<script>
var ultimo;
</script>

onclick="tuafunzione();if(ultimo)ultimo.className= 'prima';ultimo=this;this.className='seconda';retur n false"

ciao