Foros del Web » Programando para Internet » Javascript »

Cambiar el color de la celda cuando se de clic fuera de ella

Estas en el tema de Cambiar el color de la celda cuando se de clic fuera de ella en el foro de Javascript en Foros del Web. Buenas, Se que puede ser algo sencillo lo que estoy necesitando pero la verdad ya se me revolvio el asunto. La cosa es cuando le ...
  #1 (permalink)  
Antiguo 30/11/2005, 17:42
Avatar de hieloverde  
Fecha de Ingreso: julio-2005
Ubicación: México, D.F
Mensajes: 467
Antigüedad: 18 años, 10 meses
Puntos: 5
Cambiar el color de la celda cuando se de clic fuera de ella

Buenas,

Se que puede ser algo sencillo lo que estoy necesitando pero la verdad ya se me revolvio el asunto.

La cosa es cuando le doy clic a una celda de una tabla esta cambia su color de fondo (eso lo hago sin problemas) pero cuando de clic en cualquier otro lugar de la tabla pero fuera de la celda en cuestion, esta tiene que cambiar a el color que tenia en un principio, es aqui donde no se como hacerle!!.

Mas claro. Digamos que doy clic sobre una celda y esta cambia de color y cuando de clic en otra celda la primer celda vuelva a su color original, me explico?

Algo asi como para visualizar la celda seleccionada, pero solo puede haber una seleccion.

Este es el codigo para cambiar el color de las celdas
Código:
<script>
function cambiar(src){
src.bgColor="#CCFF00";
 }
</script>

<table border="1">
<tr>
<td bgcolor="#FFFFFF" onClick="cambiar(this);">Celda 1</td>
<td bgcolor="#FFFFFF" onClick="cambiar(this);">Celda 2</td>
</tr>
</table>
Agradezco cualquier ayuda o idea que me puedan dar

Saludos,
__________________
<? echo("1 <script> dice + que 1000 palabras"); ?> EspacioMéxico
  #2 (permalink)  
Antiguo 01/12/2005, 08:01
Avatar de Saruman  
Fecha de Ingreso: mayo-2003
Ubicación: Panama city, Panama, Panama
Mensajes: 1.154
Antigüedad: 21 años
Puntos: 5
buenas.
aqui está: espero te sirva

Código PHP:
<script>
function 
CambiarColor() { 
  var 
mytable document.getElementById("mytable"); 
  for (
i=0mytable.rows.lengthi++) {
   
//mytable.rows[i].cells.length  //cantidad de columnas
   
mytable.rows[i].cells[0].bgColor "#FFFFFF";
  }
 }
 
 function 
cambiar(src) {
  
CambiarColor();
  
src.bgColor="#CCFF00";
 }
</script> 

Código HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="mytable">
  <tr>
    <td onClick="cambiar(this);">&nbsp;</td>
  </tr>
  <tr>
    <td onClick="cambiar(this);">&nbsp;</td>
  </tr>
  <tr>
    <td onClick="cambiar(this);">&nbsp;</td>
  </tr>
  <tr>
    <td onClick="cambiar(this);">&nbsp;</td>
  </tr>
  <tr>
    <td onClick="cambiar(this);">&nbsp;</td>
  </tr>
</table> 
saludos
__________________
Saruman

One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them.
  #3 (permalink)  
Antiguo 01/12/2005, 13:16
Avatar de hieloverde  
Fecha de Ingreso: julio-2005
Ubicación: México, D.F
Mensajes: 467
Antigüedad: 18 años, 10 meses
Puntos: 5
Muchas gracias Saruman,

Tu código me ha funcionado perfectamente para dar el efecto que yo queria a las celdas.

Vaya que estos dias he andado un poco atarantado

Saludos,
__________________
<? echo("1 <script> dice + que 1000 palabras"); ?> EspacioMéxico
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 16:31.