cambio proprietà css

[Xerxe]

ciao a tutti, vorrei sapere se esiste un modo per cambiare il colore di sfondo di una tabella (riga o cella) con OnMouseOver senza cambiare il codice html ma facendo tutto con i fogli di stile (css)

ecco il codice

<td height="18" class="myclass" onMouseOver="style.backgroundColor='#333333';" onMouseOut="style.backgroundColor='#484848' ">

vorrei realizzare una pagina che cambia il layout (colore, tipo di testo..) con dei fogli di stile ma se inserisco onMouseOver col valore che vedere avrò sempre lo stesso colore anche se cambio il collegamento al foglio di stile..

come si può risolvere?

help me please!

[Francis87]

se vuoi cambiare la classe all'onMouseOver (quindi x + elementi) fai:

this.ClassName=''

ma nn ho capito molto di ciò ke kiedi... :master:

[Massimo61]

Ciao



Fai una classe anche per l'effetto onmouseover e onmouseout nel CSS

e la richiami cosi:
onmousever="this.className='nome_dato'" onmouseout="this.className='nome_dato'"

dove nome dato è il name della classe



Massimo

[Xerxe]

Originariamente inviato da Massimo61
Ciao

Fai una classe anche per l'effetto onmouseover e onmouseout nel CSS

e la richiami cosi:
onmousever="this.className='nome_dato'" onmouseout="this.className='nome_dato'"

dove nome dato è il name della classe

Massimo

grazie! ottimo consiglio, vedo di provarlo prima possibile

[Xerxe]

ciao Massimo61, ho provato e funziona.. a metà..

mi spiego: funziona solo se ho una cella con un colore esadecimale già assegnato

<td bgcolor="#FF9900" onMouseOver="this.className='over' "><td>

allore il colore di sfondo cambia.. ma questo non risolve ancora il mio problema perchè se assegno una classe alla cella invece del colore esadecimale non cambia più niente!

<td class="my_class" onMouseOver="this.class='sopra' ">

questo esempio non funziona..

come si può risolvere?

[Francis87]

Originariamente inviato da Xerxe
ciao Massimo61, ho provato e funziona.. a metà..

mi spiego: funziona solo se ho una cella con un colore esadecimale già assegnato

<td bgcolor="#FF9900" onMouseOver="this.className='over' "><td>

allore il colore di sfondo cambia.. ma questo non risolve ancora il mio problema perchè se assegno una classe alla cella invece del colore esadecimale non cambia più niente!

<td class="my_class" onMouseOver="this.class='sopra' ">

questo esempio non funziona..

come si può risolvere?

<td class="my_class" onMouseOver="this.className='sopra';" onMouseOut="this.className='my_class';">

deve funzionare!!

[Xerxe]

Originariamente inviato da Francis87

<td class="my_class" onMouseOver="this.className='sopra';" onMouseOut="this.className='my_class';">

deve funzionare!!

grande funziona! grazie mille