sottomenù e cambio colore al ckick

[yusizu]

Ciao a tutti,
allora ho una sorta di sottomenù, meglio dei semplici collegamenti ipertestuali stampati a video cliccando su di una immagine.

Vorrei fare una roba del genere:

link1 - link2 - link3 etc

es.cliccando su link2 (oltre ad aprirmi la pagina) dovrebbe cambiare il font color del link.

Ovviamente se succesivamente clicco sul link3 dovrebbe cambiare questo font e ristabilire al link2(precedentemente cliccato) il suo valore di default( incluso in un css)

Credete si possa fare?
P.S io sono quasi "0" col Js per cui vi chiedo di essere molto comprensivi,

grazie mille

[br1]

Menu e sottomenu ne esistono a bizzeffe... vuoi una soluzione universale ( ) o ci aiuti postano a cosa deve essere adattata?

ciao

[yusizu]

forse mi sono spiegato male,
il "sottomenù" non è in js, sono solo dei collegamenti ipertestuali tipo:

<span class=text1>link1</span>
><span class=text1>link2</span>

come accennato vorrei che cliccano es. sul link1 questo cambi il font-color (così da mostrare all'utente la pagina in cui sta navigando.

poi successivamnete se clicco su link2, cambio questo font e, link1 ritorna come prima (ovvero riprende il font del css)

grazie mille

[yusizu]

up pls

[br1]

Qualcosa di simile?

<script>
var vecchio=false;
function pippo(obj) {
	if (vecchio) vecchio.style.color='black';
	vecchio = obj.firstChild;
	vecchio.style.color='red';
}
</script>
<span class="text1">link1</span>
<span class="text1">link2</span>

ciao

[yusizu]

Grande, è proprio questo che cercavo solo che ho un piccolo problema,

se utilizzo una roba del genere come link:

<font color=black>link1</font>
<font color=black>link2</font>

...mentre nn funziona così:

<style>//esterno
.a1 {
	color: black; //in realtà era #545454...però l'ho cambiato
	font-family: Arial,Verdana;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.a1:hover {
	color: gray;
	font-family: Arial,Verdana;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
</style>





<a class=a1 target=\"center\" href=\"link1.php\" onclick=\"pippo(this)\">Link1</a>
<a class=a1 target=\"center\" href=\"link2.php\" onclick=\"pippo(this)\">Link2</a>

grazie mille

[br1]

Ovvio... nel problema proposto era presente un contenitore interno al <a> che racchiudeva il testo del link... se lo elimini devi eliminare anche il riferimento nello script, che diventa:

<script>
var vecchio=false;
function pippo(obj) {
	if (vecchio) vecchio.style.color='black';
	vecchio = obj;
	vecchio.style.color='red';
}
</script>

Inoltre introducendo le classi il problema si complica... sarebbe meglio definire una nuova classe ed agire sulla propieta' className dell'oggetto per cambiarne il colore.

ciao

[yusizu]

grazie mille va benissimo così