Foros del Web » Creando para Internet » CSS »

Cambiar color fila al pinchar

Estas en el tema de Cambiar color fila al pinchar en el foro de CSS en Foros del Web. Hola! lo que quiero lograr es que al hacer click sobre una fila de la tabla cambie de color la fila, y al pinchar otra ...
  #1 (permalink)  
Antiguo 23/09/2010, 17:31
 
Fecha de Ingreso: septiembre-2010
Mensajes: 74
Antigüedad: 7 años, 2 meses
Puntos: 1
Cambiar color fila al pinchar

Hola! lo que quiero lograr es que al hacer click sobre una fila de la tabla cambie de color la fila, y al pinchar otra q la anterior vuelva a su estado normal y se cambie de color la actual.

Probe con el hover pero eso lo hace cuando paso por encima y necesito hacerlo cuando clickeo!

Muchas gracias!
  #2 (permalink)  
Antiguo 24/09/2010, 02:18
 
Fecha de Ingreso: diciembre-2009
Mensajes: 53
Antigüedad: 8 años
Puntos: 4
Respuesta: Cambiar color fila al pinchar

Esto podría darte una idea:

http://bonrouge.com/br.php?page=cssonclickswitch
  #3 (permalink)  
Antiguo 24/09/2010, 03:27
 
Fecha de Ingreso: agosto-2010
Ubicación: Madrid
Mensajes: 53
Antigüedad: 7 años, 4 meses
Puntos: 1
Respuesta: Cambiar color fila al pinchar

Yo lo haria en javascript, seria asi:

<script>
function cambiar(n)
{
var num=5;
var i=1;
//desactivamos el color de las otras
for(i;i<num;i++)
document.getElementById('c_'+i).style.backgroundCo lor='white';

//activamos el color del que queremos
document.getElementById('c_'+n).style.backgroundCo lor='yellow';
}
</script>

<table>
<tr>
<td id="c_1" onclick="cambiar(1)">fila1</td><td id="c_2" onclick="cambiar(2)">fila2</td><td id="c_3" onclick="cambiar(3)">fila3</td><td id="c_4" onclick="cambiar(4)">fila4</td>
</tr>
</table>

Espero que te sirva!! ;)

Etiquetas: color, fila
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 21:13.