Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - MOUSE EVENT
Forum - Javascript - MOUSE EVENT

Avatar
LukeMilan (Normal User)
Rookie


Messaggi: 42
Iscritto: 30/05/2012

Segnala al moderatore
Postato alle 13:58
Mercoledì, 20/11/2013
Salve a tutti, ho il seguente problema:
voglio fare in modo che, quando il mouse vada sopra un link, quest'ultimo si sottolinei. Una volta che il mouse "esce" dal link, questo torni normale (non sottolineato).
Dunque, ho provato con questo semplice script javascript:
Codice sorgente - presumibilmente Plain Text
  1. Codice sorgente - presumibilmente Plain Text
  2. document.getElementsByTagName("a").onmouseover=function(){this.style.textDecoration='underline';}
  3. document.getElementsByTagName("a").onmouseout=function(){this.style.textDecoration='underline';}

Ma non funziona :_doubt:
Qualcuno potrebbe aiutarmi? Grazie!

PM Quote
Avatar
ZioCrocifisso (Member)
Pro


Messaggi: 135
Iscritto: 06/03/2013

Segnala al moderatore
Postato alle 14:13
Mercoledì, 20/11/2013
In genere si fa dal css, usando :hover.
Comunque getElementsByTagName ritorna un array, non un singolo elemento.

PM Quote
Avatar
LukeMilan (Normal User)
Rookie


Messaggi: 42
Iscritto: 30/05/2012

Segnala al moderatore
Postato alle 14:38
Mercoledì, 20/11/2013
Testo quotato
Postato originariamente da ZioCrocifisso:
In genere si fa dal css, usando :hover.


a:hover{text-decoration:underline;}

Non funziona.

PM Quote
Avatar
tasx (Dev Team)
Expert


Messaggi: 439
Iscritto: 15/12/2008

Segnala al moderatore
Postato alle 16:05
Mercoledì, 20/11/2013
prova con
Codice sorgente - presumibilmente Plain Text
  1. a:hover {
  2.     text-decoration:underline !important;
  3. }

PM Quote
Avatar
ZioCrocifisso (Member)
Pro


Messaggi: 135
Iscritto: 06/03/2013

Segnala al moderatore
Postato alle 16:21
Mercoledì, 20/11/2013
Testo quotato
a:hover{text-decoration:underline;}

Questo è il metodo giusto, quindi c'è qualcosa che non va da qualche altra parte, ma ovviamente non posso capirlo avendo solo questa riga.

PM Quote
Avatar
LukeMilan (Normal User)
Rookie


Messaggi: 42
Iscritto: 30/05/2012

Segnala al moderatore
Postato alle 18:31
Mercoledì, 20/11/2013
Voglio far notare che ho inserito, sempre nei CSS questo codice:
a,a:link,a:visited,a:active{color:#666;text-decoration:none;}

E quindi l'ho affiancato questo:
a:hover{text-decoration:underline;}

Quale potrebbe essere il problema?

PM Quote
Avatar
LukeMilan (Normal User)
Rookie


Messaggi: 42
Iscritto: 30/05/2012

Segnala al moderatore
Postato alle 18:35
Mercoledì, 20/11/2013
RISOLTO.

PM Quote