problema con style.background en <head>

kelev · #1 (**permalink**) 22/07/2007, 01:51

tengo este code

Cita:

<html>
<head>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td onmouseover='this.style.background="red"' onmouseout='this.style.background="white"'>
Texto de la celda
</td>
</tr>
</table>
</body>
</html>

que funciona perfecto pero cuando quiero implementarlo en varias celdas como una funcion no me resulta, ej:

Cita:

en <head>

function mOver(this){

celda.style.background= 'red' }

en <body>

<table>
<tr>
<td name="celda" onmouseover="mOver()";> Lalala </td>
</tr>
</table>

probe con "id" en vez de "name" pero es lo mismo, alguien sabe porque es?

caricatos · #2 (**permalink**) 22/07/2007, 02:22

Hola:

En la llamada debes poner this como parámetro (ahora no hay nada)

Código:

onmouseover="mOver(this)"

Y en la función en vez de this debes poner el parámetro que luego usas dentro:

Código:

function mOver(celda){celda.style.background= 'red';}

Saludos

kelev · #3 (**permalink**) 22/07/2007, 02:31

muchas gracias.