Foros del Web » Programando para Internet » Javascript »

Cambiar de color una tabla.

Estas en el tema de Cambiar de color una tabla. en el foro de Javascript en Foros del Web. Hola, Trato de cambiar el color a una tabla. Pero solo me cambia a los campos que estan sin color. Código HTML: <script> function camb(e,c){ ...
  #1 (permalink)  
Antiguo 25/08/2008, 12:45
Avatar de pato12  
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 16 años, 7 meses
Puntos: 101
Cambiar de color una tabla.

Hola,
Trato de cambiar el color a una tabla.
Pero solo me cambia a los campos que estan sin color.
Código HTML:
<script>
function camb(e,c){
e.bgColor=c;
}
function reber(e,c){
e.bgColor=c;
}
</script>
<style>
.sele_trt {
	background-color: #EEEEEE;
}
.dessele_trt {
	background-color: #FFFFFF;
}
</style>
 <table width="894" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td width="13" bgcolor="#999999" class="tilte_barra_t"><strong>Id</strong></td>
    <td width="268" bgcolor="#999999" class="tilte_barra_t"><strong>Titulo</strong></td>
    <td width="121" bgcolor="#999999" class="tilte_barra_t"><strong>Mostrar</strong></td>
    <td width="572" bgcolor="#999999" class="tilte_barra_t"><strong>Herramientas</strong></td>
  </tr>  
  <tr onMouseOver="camb(this,'#CCCCCC');" onMouseOut="reber(this,'#EEEEEE');">
    <td class="sele_trt">0</td>
    <td  bgcolor="">Inicio</td>
    <td  bgcolor=""><strong><font color="#009900">Si</font></strong></td>
    <td  bgcolor=""><a href="index.php?op=editar&tc=mn&i=0">Editar</a> | <a href="index.php?op=borrar&tc=mn&i=0">Borrar</a> | <a href="index.php?op=copi&tc=mn&i=0">Copiar</a> | <a href="index.php?op=remp&tc=mn&i=0">Renombrar</a><a href="index.php?op=editar&tc=mn&i=0"></a></td>
  </tr><tr onMouseOver="camb(this,'#CCCCCC');" onMouseOut="reber(this,'#EEEEEE');">
    <td class="sele_trt">1</td>
    <td  bgcolor="">Contactos</td>
    <td  bgcolor=""><strong><font color="#FF0000">No</font></strong></td>
    <td  bgcolor=""><a href="index.php?op=editar&tc=mn&i=1">Editar</a> | <a href="index.php?op=borrar&tc=mn&i=1">Borrar</a> | <a href="index.php?op=copi&tc=mn&i=1">Copiar</a> | <a href="index.php?op=remp&tc=mn&i=1">Renombrar</a></td>
  </tr>
</table> 
Me cambia todo menos ID.
Gracias
Salu2
__________________
Half Music - www.halfmusic.com
  #2 (permalink)  
Antiguo 25/08/2008, 13:16
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 7 meses
Puntos: 122
Respuesta: Cambiar de color una tabla.

En donde llamas a la funcion?
__________________
twitter: @imbuzu
  #3 (permalink)  
Antiguo 25/08/2008, 13:27
Avatar de pato12  
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 16 años, 7 meses
Puntos: 101
Respuesta: Cambiar de color una tabla.

En:
Cita:
onMouseOver="camb(this,'#CCCCCC');" onMouseOut="reber(this,'#EEEEEE');">
Gracias
Salu2
__________________
Half Music - www.halfmusic.com
  #4 (permalink)  
Antiguo 25/08/2008, 16:52
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 7 meses
Puntos: 122
Respuesta: Cambiar de color una tabla.

ah ya... no lo vi... malditas drogas!

No te cambia el color de la columna id por que esa columna tiene un estilo definido. Tu estas cambiando el color de fondo del tr pero eso no reescribe el estilo del primer td ya que este tiene una clase especificada.
Puedes resolverlo de varias formas, una de ellas puede ser declarar diferentes clases y luego con javascript recorres los td del tr cuyo onmouseover ha sido activado y cambias los class de esos td.
__________________
twitter: @imbuzu
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 23:16.