Fogli di stile e js [effetto hover]

Ragazzi, qualcuno può aiutarmi?

Ho necessità di cambiare il colore dell'hover di un link in modo
dinamico con js.

In pratica vorrei dargli l'istruzione a {color:#F00;} <-- facile:
document.getElementById('prova_id').style.color e
a:visited {color:#0F0;}
a:hover {color:#00F;}

Su questi due non ho idea di come fare.
Mi date una mano?

Grazie :-)
--
Massy

PLEASE DON'T FEED THE TROLL.
perchè scrivi in maiuscolo e in inglese?
puoi parlare in italiano che l'inglese non lo so?
aho... e non sai proprio un ca++o! (anto)

On Mon, 20 Dec 2004 01:35:28 GMT, Max_55 wrote:

Ho necessità di cambiare il colore dell'hover di un link in modo
dinamico con js.

In pratica vorrei dargli l'istruzione a {color:#F00;} <-- facile:
document.getElementById('prova_id').style.color e
a:visited {color:#0F0;}
a:hover {color:#00F;}

Non fai prima a definire una classe nei CSS, e assegnare quella tramite JS?

a.myclass{color:#ff0}
a.myclass:visited{color:#0f0}
a.myclass:hover{color:#0f0}

document.getElementById("mylink").className="mycla ss";

--
ZER0

~ The Tangent Universe collapsed 5895 days, 2 hours, 16 minutes and 44 seconds ago.

ZER0 wrote:

In pratica vorrei dargli l'istruzione a {color:#F00;} <-- facile:
document.getElementById('prova_id').style.color e
a:visited {color:#0F0;}
a:hover {color:#00F;}


Non fai prima a definire una classe nei CSS, e assegnare quella tramite JS?

a.myclass{color:#ff0}
a.myclass:visited{color:#0f0}
a.myclass:hover{color:#0f0}

document.getElementById("mylink").className="mycla ss";

Era una delle cose a cui avevo pensato, però non va bene, in quanto devo
variarla dinamicamente.

In pratica, in una casella di testo l'utente inserisce un codice
esadecimale ed in base a quello ricavo un valore da assegnare
all'effetto hover e visited.

Non ho foglio di stile "fisso" :-(

--
Massy

PLEASE DON'T FEED THE TROLL.
perchè scrivi in maiuscolo e in inglese?
puoi parlare in italiano che l'inglese non lo so?
aho... e non sai proprio un ca++o! (anto)

On Mon, 20 Dec 2004 09:34:46 GMT, Max_55 wrote:

Era una delle cose a cui avevo pensato, però non va bene, in quanto devo
variarla dinamicamente.

In tal caso cerca il topic "Stampa e stili" del 13 dicembre; puo' esserti
d'aiuto.

--
ZER0

~ The Tangent Universe collapsed 5895 days, 4 hours, 20 minutes and 52 seconds ago.

ZER0 wrote:

On Mon, 20 Dec 2004 09:34:46 GMT, Max_55 wrote:


Era una delle cose a cui avevo pensato, però non va bene, in quanto devo
variarla dinamicamente.


In tal caso cerca il topic "Stampa e stili" del 13 dicembre; puo' esserti
d'aiuto.

Letto. Ma sarò tonto.. .-( non capisco come usarlo per il mio caso.

Io ciò che vorrei è questo:

<form id="form1">
<label for="text1">inserisci il valore del colore del link</label><input
type="text" id="text1" onChange="prova(this.value)" />
</form>

<div id="mio_div">
<a href="#">prova</a>
<a href="#">prova2</a>
<a href="#">prova3</a>
</div>

e nel js:
function prova(ca) {
var a = document.getElementsByTagName('A');
for (var i=0;i<a.length;i++)
{
a[i].style.color = ca;
}
}

se voglio cambiare il colore del link; questo evidentemente funziona.
Ora vorrei una cosa simile per cambiare il colore dell'hover e del
visited. Mi sarei aspettatto che esistese qualcosa tipo
a[i].style.HoverColor = ca; :-)

non esiste? :-PP

--
Massy

PLEASE DON'T FEED THE TROLL.
perchè scrivi in maiuscolo e in inglese?
puoi parlare in italiano che l'inglese non lo so?
aho... e non sai proprio un ca++o! (anto)

Max_55 wrote:

se voglio cambiare il colore del link; questo evidentemente funziona.
Ora vorrei una cosa simile per cambiare il colore dell'hover e del
visited. Mi sarei aspettatto che esistese qualcosa tipo
a[i].style.HoverColor = ca; :-)

non esiste? :-PP

Aggiungo; ho anche pensato a "simulare" l'effetto con OnMouseOver; il
problema sussiste per la pseudo-classe a:visited. :-(

Ps grazie :-P

--
Massy

PLEASE DON'T FEED THE TROLL.
perchè scrivi in maiuscolo e in inglese?
puoi parlare in italiano che l'inglese non lo so?
aho... e non sai proprio un ca++o! (anto)

On Mon, 20 Dec 2004 10:28:36 GMT, Max_55 wrote:

Era una delle cose a cui avevo pensato, però non va bene, in quanto devo
variarla dinamicamente.

In tal caso cerca il topic "Stampa e stili" del 13 dicembre; puo' esserti
d'aiuto.

Letto. Ma sarò tonto.. .-( non capisco come usarlo per il mio caso.

Hai letto tutto il topic? Non solo il primo post.
Nelle risposte c'e' scritto come variare dinamicamente le regole di un
foglio di stile.

Ora vorrei una cosa simile per cambiare il colore dell'hover e del
visited. Mi sarei aspettatto che esistese qualcosa tipo
a[i].style.HoverColor = ca; :-)

Enno'.

non esiste? :-PP

Gia'. hover e' una pseudo-classe. Che io sappia, al massimo puoi leggerne
il valore come computedStyle, ma non impostarlo.

--
ZER0

~ The Tangent Universe collapsed 5895 days, 5 hours, 14 minutes and 34 seconds ago.