[css]: effetto onmouseover su riga

[Bartjsp]

Vorrei che al passaggio del mouse su una riga di tabella essa cambiasse di colore, ho messo il seguente codice:

onmouseover="this.style.background='#FFCC33'" onmouseout="this.style.background='#F0F0F0'"

all'interno del tag <tr> ma non funziona, come posso fare?

Grazie,
ciao.

[nicola75ss]

Strano. Il codice mi sembra corretto.

Non è che per caso ti appare una scritta del tipo "Per facilitare la protezione, è stato impedito a questo file di visualizzare contenuto attivo, eccetera eccetera.."?

[Mich_]

Difficile che il mouseover/mouseout venga interpretato sul tag <tr>: infatti il <tr> e` saturato dai vari <td> (o <th>) e gli eventi vengono catturati da quegli oggetti; potrebbero venir passati avanti, ma non in tutti i browser cio` avviene.

Se deve funzionare solo in browser conformi al W3C, puoi usare i corrispondenti attributi CSS (pseudoclasse :hover); altrimenti dovreesti mettere il mouseover sui vari <td> (pero` il codice JS si complica).

PS: trattandosi di JS sposto nel forum "Scripting".

[Bartjsp]

Originariamente inviato da Mich_
puoi usare i corrispondenti attributi CSS (pseudoclasse :hover);

Puoi farmi un esempio?

altrimenti dovreesti mettere il mouseover sui vari <td>

Fatto così funziona ma mi evidenzia la sola cella mentre io vorrei evidenziare tutta la riga.

[Mich_]

Originariamente inviato da Bartjsp
Puoi farmi un esempio?

Esempi ce ne sono molti nel forum sui CSS. Ecco un esempio minimo:
<style ...>
table tr {
background: #F0F0F0;
}
table tr:hover {
background: #FC3;
}
</style>
Nota: non funziona in IE6 - la pseudoclasse :hover e` applicabile solo ai link.

Fatto così funziona ma mi evidenzia la sola cella mentre io vorrei evidenziare tutta la riga.

Infatti: avevo scritto che devi fare modifiche non banali.

Esempio:
onmouseover="document.getElementById('ID_RIGA').st yle.background='#FC3';" onmouseout="document.getElementById('ID_RIGA').sty le.background='#F0F0F0';"

dove ID_RIGA deve essere univoco (quindi id diversi per ogni riga) e definito da:
<tr id="ID_RIGA"> ...

[Jarno]

per mia esperienza con i CSS puri non è possibile farlo, mi sembra che il problema sia proprio in IE

io uso onmouseover per cambiare il nome della classe applicata al TR e funziona perfettamente e con tutti...