Ayuda con filas y ovbiamente javascript

[HiTek]

hola gentes del foro...teno una consulta y ojalas puedan ayudarme a resolver esto...les cuento

tengo una tabla con data y en la primera columna un checkbox
la idea es que al pasar el mouse por sobre la fila X cambie de color...
eso es facil de hacer...el problema viene cuando quiero que al clickear un checkbox se me pinte la fila de X color y se quede asi...osea que al pasar nuevamente el mouse no se pinte la fila porque está clickeado el checkbox...

PD: para quienes conozcan el phpmyadmin es el efecto que usa para mostrar los datos de una tabla.

gracias desde ya a todos quienes me den una mano y para quienes lean también el post...

salu2

[caricatos]

Hola HiTek:

Cuando implementes el evento onclick, vacía los eventos onmouseover y onmouseout...

<tr onmouseover="resaltar()" onmouseout="normalizar()"><td><input type="checkbox" onclick="this.parentNode.parentNode.onmouseover = ''; this.parentNode.parentNode.onmouseout = ''; this.parentNode.parentNode.style.backgroundColor = 'red'" /></td></tr>

Supongo que al volver a clickear el check tendría que volver a funcionar el sistema de resalte, pero eso supongo que no tendrás problemas en implementarlo...

Si en vez de usar el árbol de nodos quieres usar el id de la fila también pienso que sabrás hacerlo (he visto unas pocas participaciones tuyas, y confío que no te suene a chino lo que te estoy poniendo)

Saludos

[HiTek]

gracias caricatos, estaba probando en este minuto con ids para cada fila ya que las combino conlos id que rescato desde la bd...gracias y voy a probar

con respecto a mis participaciones, bueno pregunto lo que ya no he podido encontrar solucion y si se algo de lo que andan buscando por aqui y por allá mas vale dar una mano para que me la devuelvan...salu2 otra vez

[claray]

otra idea que se me ocurre es poner un id que relacione la fila (TR) con el checkbox y de esa manera acceder al objeto checkbox y preguntar si esta seleccionado o no en las rutinas onmouseover y onmouseout del TR.

Algo asi como:

<table>
<tr id="tr_1" onmouseover="mover(this);" onmouseout="mout(this);"><td><input type="checkbox" id="cb_1"></td><td>...</td></tr>
<tr id="tr_2" onmouseover="mover(this);" onmouseout="mout(this);"><td><input type="checkbox" id="cb_2"></td><td>...</td></tr>
<tr id="tr_3" onmouseover="mover(this);" onmouseout="mout(this);"><td><input type="checkbox" id="cb_3"></td><td>...</td></tr>
<tr id="tr_4" onmouseover="mover(this);" onmouseout="mout(this);"><td><input type="checkbox" id="cb_4"></td><td>...</td></tr>
</table>


<script language="Javascript">
function mover(este){
var elid = este.id;
elid = elid.substring(2,10);
var cb = document.getElementById("cb"+elid);
if (cb.checked){
//no cambiar
}
else{
//lo normal
}
}

// la otra lo mismo

espero que la idea ayude en algo...

saludos.
</script>

[claray]

nunca es tarde, no? veo que ya tomaste la idea...

de todas formas ... salduos y suerte.

[HiTek]

la verdad es que te agradezco tu ayuda y estoy implementando ambas y ver que es lo que resulta...si todo funciona bien haré elpost en las FAQ's...gracias