Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Como cambiar el color de una celda con un boton

Estas en el tema de Como cambiar el color de una celda con un boton en el foro de Javascript en Foros del Web. Hola mi problema es el siguiente: Tengo una tabla mas o menos asi: Código HTML: <table> <tr> <th> User </th> <th> 08:00-10:00 </th> <th> 10:00-12:00 ...
  #1 (permalink)  
Antiguo 23/06/2014, 06:38
 
Fecha de Ingreso: junio-2014
Mensajes: 9
Antigüedad: 10 años, 5 meses
Puntos: 0
Como cambiar el color de una celda con un boton

Hola mi problema es el siguiente:

Tengo una tabla mas o menos asi:

Código HTML:
<table>
            <tr>
                <th>User</th>
                <th>08:00-10:00</th>
                <th>10:00-12:00</th>
                <th>13:00-15:00</th>
                <th>15:00-17:00</th>
                <th>17:00-19:00</th>
                <th>Comentarios</th>
            </tr>
            <tr>
                <th><p id="message"></p></th>
                <th><button onclick="'selection();">X</button> </th>
                <th><button onclick="'selection();">X</button></th>
                <th><button onclick="'selection();">X</button></th>
                <th><button onclick="'selection();">X</button></th>
                <th><button onclick="'selection();">X</button></th>
                <th></th>

            </tr>
        </table> 
Como veis cada celda es un boton, lo que quiero conseguir es q clicando en ese boton se cambie el color del background de esa unica celda.
Alguna idea de como hacerlo??
Muchas gracias!

Última edición por Xmarq; 23/06/2014 a las 06:43
  #2 (permalink)  
Antiguo 23/06/2014, 07:08
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: Como cambiar el color de una celda con un boton

Incluso sin boton!!!!

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <title>Documento sin t&iacute;tulo</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <script language="JavaScript" type="text/JavaScript">
  5. function cambiaColor(celda){
  6.     celda.bgColor = "red";
  7. }
  8. </head>
  9. <table width="100%" border="1" cellspacing="0" cellpadding="0">
  10.   <tr>
  11.     <td id="11" onClick="cambiaColor(this)">&nbsp;</td>
  12.     <td id="12" onClick="cambiaColor(this)">&nbsp;</td>
  13.   </tr>
  14.   <tr>
  15.     <td id="21" onClick="cambiaColor(this)">&nbsp;</td>
  16.     <td id="22" onClick="cambiaColor(this)">&nbsp;</td>
  17.   </tr>
  18.  
  19. </body>
  20. </html>
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.
  #3 (permalink)  
Antiguo 23/06/2014, 07:33
 
Fecha de Ingreso: junio-2014
Mensajes: 9
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: Como cambiar el color de una celda con un boton

Funciona perfectamente, aunque sigo necesitando el boton. De hecho tengo que cambiar el boton por un checkbox pero bueno, con tu ejemplo supongo que ya podré adaptarlo.

Muchas gracias!

Etiquetas: boton, celda, color, select
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:37.