CHECKBOX y Encender una FILA

[gperdomo]

Epale, otra dudas más, quisiera saber como puedo hacer con javascript para encender una fila una vez que se presione un checkbox, es decir, cambiar el color de fondo.........OJO> el checkbox se encuentra en la fila.

[TheRock]

Hola.

Tendrías que aplicar si gustas al TR o TD los eventos siguientes:

<tr onmouseover="setPointer(this, '#CCFFCC')" onmouseout="setPointer(this, '#CCCCCC')">......... etc.


y debes crear una función en javscript:

function setPointer(theRow, thePointerColor)
{
if (thePointerColor == '' || typeof(theRow.style) == 'undefined') {
return false;
}
if (typeof(document.getElementsByTagName) != 'undefined') {
var theCells = theRow.getElementsByTagName('td');
}
else if (typeof(theRow.cells) != 'undefined') {
var theCells = theRow.cells;
}
else {
return false;
}

var rowCellsCnt = theCells.length;
for (var c = 0; c < rowCellsCnt; c++) {
theCells[c].style.backgroundColor = thePointerColor;
}

return true;
} // end of the 'setPointer()' function


lo saque de phpMyAdmin. :)

espero te sea útil.

saludos

<center><img src="http://www.usfx.edu.bo/usfxnet/TheRock/TheRock/rock.gif"><br>El poder es PHP</center><hr>TheRock. webmaster UsfxNet Bolivia <a href="http://www.usfx.edu.bo/usfxnet/">Universidad San Francisco Xavier</a>.

[gperdomo]

No me funciona, es decir, hace que se encienda una fila cada vez que pase el mouse sobre ella, pero lo que quiero es que cuendo se seleccione un checkbox se encienda fila, se que tengo que poner en el evento Onselect la función, pero creo que le estoy enviando mal los valores a la función, nose que valor le esta enviado el &quot;this&quot;!

[ignacio_giri]

necesito saber esto tambien, que alguien me ayude

[JavierB]

Hola ignacio_giri

Esta sería la celda donde está el checkbox:

<td><input type="checkbox" onclick="cambiar(this)" /></td>

y esta la función para "iluminar" la fila:

Código:

function cambiar(obj) {
  elem=obj.parentNode.parentNode;
  elem.style.background=obj.checked ? '#ff0' : '';
}

Saludos,

[ignacio_giri]

che, que zarpado, que solucion tan simple y lo mejor de todo que funciona che, que zarpado...................

excelente Javier!

[JavierB]

Las soluciones simples son las que más me gustan Me alegro de que te haya servido

[ignacio_giri]

como adaptarias:

function checkAll(field) {
for (i = 0; i < field.length; i++)
field[i].checked = true;
}

function uncheckAll(field) {
for (i = 0; i < field.length; i++)
field[i].checked = false;
}

la funcion para seleccionar todos los checkbox y cuando los seleccione a todos tambien se ilumine la fila

[JavierB]

Hola de nuevo.

No lo he probado, pero creo que esto podría funcionar:

function checkAll(field) {
for (i = 0; i < field.length; i++)
field[i].checked = true;
cambiar(field[i]);
}

Saludos,

[ignacio_giri]

me tira error en parentNode

function cambiar(obj) {
elem=obj.parentNode.parentNode;
elem.style.background=obj.checked ? '#ff0' : '';
}

[JavierB]

Rehola.

¿Puedes poner el código completo (al menos la parte que afecta al tema que estamos tratando) para hacer algunas pruebas?

Saludos,

[ignacio_giri]

Código:

 

//selecciono checkbox y se pinta una fila
function cambiar(obj) {
  elem=obj.parentNode.parentNode;
  elem.style.background=obj.checked ? '#EEEEEE' : '';
}

 
//Marca todos los checkboxs
function checkAll(field) {
for (i = 0; i < field.length; i++)
field[i].checked = true;
cambiar(field[i]);
}
function uncheckAll(field) {
for (i = 0; i < field.length; i++)
field[i].checked = false;
cambiar(field[i]);
}

Código PHP:

  <?php 
//Imprimo el checkbox dinamico
echo "<input type=\"checkbox\" onclick=\"cambiar(this)\" name=\"equipamiento[]\" id=\"equipamiento\" value=\"".$renglon1[IDequipamiento]."\">".$renglon1[equipamiento]."\n";?>   

esta la funcion de seleccionar todos, pero en el checkbox no esta, por eso digo que hay que fussionar las 2 functions... saludos y ayudenme que javascript no es lo mio

Saludos