Como preguntar por fila oculta en obejeto tabla

golveron · #1 (**permalink**) 03/01/2011, 07:03

Saludos señores:

Necesito saber por favor, cómo puedo preguntar si una fila de mi tabla esta oculta.
La idea es que si la fila esta visible debo considerarla para guardar la informacion que en ella está pero si está oculta, ignorarla.
Espero puedan ayudarme.

He aquí el código:

//Aqui se obtiene el detalle de productos que componen la regla
if(valiForm(t1)){
t1 = m.children('#tabDetCont').children('#tbody');
qs = "";
for (x=1;x<=$('#contador').val();x++) //contador = total de filas
{
// ***Aqui intento saber si la fila esta oculta***//
if (t1.children('#pTr"+x+"').hide() == true)
{
alert("fila oculta");
}
if(t1.children('#pTr"+x+"').hide() == false){
cod=$("#tabDetCont tbody #pTr"+x+" #tdCodigo").html();
des=$("#tabDetCont tbody #pTr"+x+" #tdDescripcion").html();
can=$("#tabDetCont tbody #pTr"+x+" #tdCantidad").html();
prec=$("#tabDetCont tbody #pTr"+x+" #tdPrecio").html();
tot=$("#tabDetCont tbody #pTr"+x+" #tdTotal").html();
qs += "(_v_ ,"+IdRegla+","+cod+","+des+","+can+","+prec+","+to t+"),"
}
//alert(qs);
}
//qs += ext+","
alert(qs);

window.open("bbdd/modificar.asp?id="+id+"&cod="+cod+"&des="+des+"&in i="+ini+"&fin="+fin+"&ofe="+ofe+"&ext="+ext)

Gracias

Perr0 · #2 (**permalink**) 03/01/2011, 08:01

- primero seleccionar la tabla por un Id
- luego recorrer el elemento "TR"
- en cada recorrido verificar (puedes tenerla oculta por style o llamando a una clase con display:none) su elemento.style.display=="none" o elemento.className=="clase_coculta"
- procedes como debes, puedes guardar un array, tener id en el TR, etc

salu2

golveron · #3 (**permalink**) 03/01/2011, 09:13

Gracias por contestar, como puedes notar, soy nuevo en javascript así que no quede claro con tu repuesta. Lo que sí tengo claro es que necesito una propiedad del objeto TR que me indique si esta oculto o no.

TR.propiedadqueindicasiestavisible.
Sería algo como:

if (t1.children('#pTr"+x+"').Propiedad == true) //TR es visible u oculta
{
alert("fila oculta");
}

PD: con esta funcion oculto el TR:

function delProducto(tr,qs){
fila = $('#'+tr);
fila.hide();
//fila.remove();
totales(sacaFormato($('#'+tr+' #tdTotal').html())* -1);
$('#hidQS').val($('#hidQS').val().replace(qs,''));
}

Pido por parametro el nombre del TR a ocultar.

Espero puedas ayudarme... imagino que es una propiedad.

Perr0 · #4 (**permalink**) 03/01/2011, 14:19

en JQuery no tengo la menor idea pero tratare de iluminarte por javascript....jajajaj

create un archivo HTM con el codigo de mas abajo y verás, tu tendras que ver como aplicar el JQuery

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script>
//PRIMERO NOS ASEGURAMOS DE CARGAR LA PAGINA PARA RECORRERLA
window.onload=function(){
    tablas=document.getElementsByTagName("table");
    for(i=0;i<tablas.length;i++){
        los_trs=tablas.item(i).getElementsByTagName("tr");
        for(j=0;j<los_trs.length;j++){
            estado_tr=los_trs.item(j);
            numfila=j+1;
            if(estado_tr.style.display=="none"){
                m="la fila: "+numfila+" está oculta\n\n"+estado_tr.innerHTML+"\n\n¿desa mostrarla?";
                //AQUI LE PUEDES INDICAR QUE SE MUESTRE DE ESTA FORMA
                if(confirm(m)) estado_tr.style.display="block";
            }
        }
    }
}
</script>
</head>
 
<body>
<table width="0%" border="1" cellspacing="2" cellpadding="2">
  <tr>
    <th scope="col">Campo 1</th>
    <th scope="col">Campo 2</th>
    <th scope="col">Campo 3</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr style="display:none">
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
  <tr>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
</table>
</body>
</html>

salu2

masterpuppet · #5 (**permalink**) 03/01/2011, 16:45

jQuery tiene el selector :visible.

Saludos.

caricatos · #6 (**permalink**) 03/01/2011, 16:56

Tema movido desde javascript