Foros del Web » Creando para Internet » CSS »

Colorear fila seleccionada (checkbox)en una Tabla

Estas en el tema de Colorear fila seleccionada (checkbox)en una Tabla en el foro de CSS en Foros del Web. Hola, tengo una tabla donde cada fila tiene un checkbox que permite seleccionar una fila en particular. Me gustaría colorear la fila <tr> una vez ...
  #1 (permalink)  
Antiguo 12/04/2010, 20:05
Avatar de xlugo2002  
Fecha de Ingreso: noviembre-2002
Ubicación: Puebla, México
Mensajes: 474
Antigüedad: 21 años, 5 meses
Puntos: 0
Colorear fila seleccionada (checkbox)en una Tabla

Hola, tengo una tabla donde cada fila tiene un checkbox que permite seleccionar una fila en particular.

Me gustaría colorear la fila <tr> una vez que el checkbox es seleccionado.

Al enviar el formulario debo tener un arreglo con los valores de los checkbox seleccionados (JSP)


Muchas Gracias.

Última edición por xlugo2002; 12/04/2010 a las 20:41
  #2 (permalink)  
Antiguo 14/04/2010, 14:42
Avatar de xlugo2002  
Fecha de Ingreso: noviembre-2002
Ubicación: Puebla, México
Mensajes: 474
Antigüedad: 21 años, 5 meses
Puntos: 0
De acuerdo Respuesta: Colorear fila seleccionada (checkbox)en una Tabla

Salvo las compatibilidades por navegador:


function colorear(casilla, fila){
if(casilla.checked){
window.document.getElementById(fila).style.backgro undColor="#FEFA96";
}else{
window.document.getElementById(fila).style.backgro undColor="#FFFFFF";
}
}


function coloreaOn(fila, casillaId){
var selec = window.document.getElementById(casillaId);
if (selec.checked){
fila.style.backgroundColor = "#FEFA96";
}else{
fila.style.backgroundColor = "#FEFACD";
}

}


function coloreaOff(fila, casillaId){
var selec = window.document.getElementById(casillaId);
if(selec.checked){
fila.style.backgroundColor = "#FEFACD";
}else{
fila.style.backgroundColor = "#FFFFFF";
}

}



out.println("<tr bgcolor='#FFFFFF' onmouseover=\"JavaScript:coloreaOn(this,'selec"+mr ow+"') \" onMouseOut=\"JavaScript:coloreaOff(this,'selec"+mr ow+"')\" id='fila"+mrow+"'>");


out.println("<td class='divisor'><input type='checkbox' id='selec"+mrow+"' name='seleccion' value='"+curso.getCourseId()+"' onclick=\"JavaScript:colorear(this,'fila"+mrow+"') \"></td>");

Etiquetas: colorear, fila, tablas
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 15:43.