Cambio de color de fondo de una celda

17/12/2005 - 21:11 por José Damián García | Informe spam

Quisiera saber cómo puedo cambiar el color de fondo de una celda de una
tabla. A continuación os pongo el código que he hecho para intentar hacer
esto:

<html>
<head>
<title>Eventos</title>
</head>

<body>
<table border=1>
<tr>
<td width0px align=center id="c1"
onmouseover="c1.style.background-color:green">Celda1</td>
<td width0px align=center>Celda2</td>
</tr>
</table>
</body>

</html>

¿Es correcto? ¿En qué estoy fallando?

Muchas gracias por adelantado.

Siga el debate

3 respuestas

Tengo una respuesta

Preguntas similare

Cambio de color de fondo de una celda

Leer las respuestas

#1 Miguel Gonzalez

17/12/2005 - 21:53 | Informe spam

Hola José.

El fallo está es que utilizas una nomenclatura CSS en una sentencia Javascript.

El color de fondo en CSS se aplica "background-color: green" mediante una hoja de estilo.

En tu caso, al hacerlo dinámicamente mediante javascript deberías hacerlo así:

c1.style.backgroundColor='green'

(atención a las mayúsculas y minúsculas. Javascript las diferencia)

Saludos!
Miguel

José Damián García escribió:

Quisiera saber cómo puedo cambiar el color de fondo de una celda de una
tabla. A continuación os pongo el código que he hecho para intentar hacer
esto:

<html>
<head>
<title>Eventos</title>
</head>

<body>
<table border=1>
<tr>
<td width0px align=center id="c1"
onmouseover="c1.style.background-color:green">Celda1</td>
<td width0px align=center>Celda2</td>
</tr>
</table>
</body>

</html>

¿Es correcto? ¿En qué estoy fallando?

Muchas gracias por adelantado.

Responder a este mensaje

#2 Miguel Gonzalez

17/12/2005 - 21:59 | Informe spam

Ups!

Se me olvidó referenciar el objeto al cual se le va a cambiar el color (la celda), lo que sería así:

document.getElementById('c1').style.backgroundColor='green'

Saludos!

Miguel Gonzalez escribió:

Hola José.

El fallo está es que utilizas una nomenclatura CSS en una sentencia
Javascript.

El color de fondo en CSS se aplica "background-color: green" mediante
una hoja de estilo.

En tu caso, al hacerlo dinámicamente mediante javascript deberías
hacerlo así:

c1.style.backgroundColor='green'

(atención a las mayúsculas y minúsculas. Javascript las diferencia)

Saludos!
Miguel

José Damián García escribió:

Quisiera saber cómo puedo cambiar el color de fondo de una celda de
una tabla. A continuación os pongo el código que he hecho para
intentar hacer esto:

<html>
<head>
<title>Eventos</title>
</head>

<body>
<table border=1>
<tr>
<td width0px align=center id="c1"
onmouseover="c1.style.background-color:green">Celda1</td>
<td width0px align=center>Celda2</td>
</tr>
</table>
</body>

</html>

¿Es correcto? ¿En qué estoy fallando?

Muchas gracias por adelantado.

Responder a este mensaje

#3 José Damián García

18/12/2005 - 21:42 | Informe spam

Muchas gracias Miguel. Me has sido de una gran ayuda.

"Miguel Gonzalez" escribió en el mensaje
news:
Ups!

Se me olvidó referenciar el objeto al cual se le va a cambiar el color (la
celda), lo que sería así:

document.getElementById('c1').style.backgroundColor='green'

Saludos!

Miguel Gonzalez escribió:

Hola José.

El fallo está es que utilizas una nomenclatura CSS en una sentencia
Javascript.

El color de fondo en CSS se aplica "background-color: green" mediante una
hoja de estilo.

En tu caso, al hacerlo dinámicamente mediante javascript deberías hacerlo
así:

c1.style.backgroundColor='green'

(atención a las mayúsculas y minúsculas. Javascript las diferencia)

Saludos!
Miguel

José Damián García escribió:

Quisiera saber cómo puedo cambiar el color de fondo de una celda de una
tabla. A continuación os pongo el código que he hecho para intentar hacer
esto:

<html>
<head>
<title>Eventos</title>
</head>

<body>
<table border=1>
<tr>
<td width0px align=center id="c1"
onmouseover="c1.style.background-color:green">Celda1</td>
<td width0px align=center>Celda2</td>
</tr>
</table>
</body>

</html>

¿Es correcto? ¿En qué estoy fallando?

Muchas gracias por adelantado.

Siga el debate Respuesta

Responder a este mensaje

Ads by Google

Hacer una pregunta

Tengo una respuesta

Busqueda sugerida