Foros del Web » Programando para Internet » Javascript »

Cambiar color de fondo pinchando en una celda

Estas en el tema de Cambiar color de fondo pinchando en una celda en el foro de Javascript en Foros del Web. Hola gente, he visto por ahí un par de ejemplos para cambiar el color del fondo con javascript y estoy haciendo un par de experimentos. ...
  #1 (permalink)  
Antiguo 30/10/2009, 13:11
Avatar de Joystickoso  
Fecha de Ingreso: enero-2009
Mensajes: 127
Antigüedad: 15 años, 10 meses
Puntos: 3
Pregunta Cambiar color de fondo pinchando en una celda

Hola gente, he visto por ahí un par de ejemplos para cambiar el color del fondo con javascript y estoy haciendo un par de experimentos.
Es una tabla, con cada celda de un color y un evento onClick con una funcion javascript a la que he llamado cambiaColor. La cosa quedaría así:
Las celdas:
Código HTML:
<td width='14' height='14' onClick='cambiaColor("#000000")' style='background-color: rgb(0, 0, 0); cursor: pointer;'/>
<td width='14' height='14' onClick='cambiaColor("#000033")' style='background-color: rgb(0, 0, 51); cursor: pointer;'/>
<td width='14' height='14' onClick='cambiaColor("#000066")' style='background-color: rgb(0, 0, 102); cursor: pointer;'/>
<td width='14' height='14' onClick='cambiaColor("#000099")' style='background-color: rgb(0, 0, 153); cursor: pointer;'/> 
Y la funcion:
Código HTML:
<script>
function cambiaColor (elcolor){
document.bgcolor = elcolor
}</script> 
Querría saber si estoy haciendo algo mal o es que no valen los eventos onClick en las celdas o que.
Gracias y Salud'Os!!
  #2 (permalink)  
Antiguo 30/10/2009, 13:13
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Respuesta: Cambiar color de fondo pinchando en una celda

Hola Joystickoso

Prueba así:

Código javascript:
Ver original
  1. document.body.style.background = elcolor

Saludos,
  #3 (permalink)  
Antiguo 30/10/2009, 16:57
Avatar de Joystickoso  
Fecha de Ingreso: enero-2009
Mensajes: 127
Antigüedad: 15 años, 10 meses
Puntos: 3
Respuesta: Cambiar color de fondo pinchando en una celda

Perfecto!
Ya funciona a la perfección.
Una cosa, si pusiese la tabla en una pagina aparte para que se abra como tipo popup, como uso la funcion para que cambie el color de la ventana de la pagina?
Aunque lo cierto es que aun tengo que mirar a ver como me es mas facil porque uso marcos (frames).

Gracias JavierB.

Última edición por Joystickoso; 30/10/2009 a las 17:06
  #4 (permalink)  
Antiguo 30/10/2009, 17:12
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Cambiar color de fondo pinchando en una celda

Hola

Puedes usar window.opener.document.body.style.background = elcolor;

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 30/10/2009, 17:17
Avatar de Joystickoso  
Fecha de Ingreso: enero-2009
Mensajes: 127
Antigüedad: 15 años, 10 meses
Puntos: 3
Respuesta: Cambiar color de fondo pinchando en una celda

OK, probaré a ver.
Gracias y Salud'Os!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:22.