Manipulando Tablas

jmacc · #1 (**permalink**) 02/05/2012, 07:50

Buenas banda.

El problema que tengo es con una columna de una tabla al darle click a un checbox, aparece la columna, en primer problema es que desaparece la segunda columna y no la ultima.
El segundo problema y el cual me interesa mas, es que al aparecer la columna los valores que tiene esa columna no aparece.
Ya que en la columna aparece un campo al cual le doy click y envia por jquery un valor, les dejos los ejemplos.
El que oculta las tablas, el showContentDos() es el que me interesa.

Código Javascript:

Ver original<script type="text/javascript">
    function showContentUno() {
        element = document.getElementById("contenidouni");
        si = document.getElementById("si");
        if (si.checked) {
            element.style.display='block';
        }
        else {
            element.style.display='none';
        }
    }
    
      function showContentDos() {
        element = document.getElementById("contenidodos");
        no = document.getElementById("no");
         if (no.checked) {
           // element.style.display='block';
           ocultarColumna(1,true);
        }
        else {
            //element.style.display='none';
            ocultarColumna(1,false);
        }
    }
    
function ocultarColumna(num,ver) {
      dis= ver ? '' : 'none';
        fila=document.getElementById('solicit').getElementsByTagName('tr');
        for(i=0;i<fila.length;i++)
            fila[i].getElementsByTagName('td')[num].style.display=dis;
}
        
</script>

Mi tabla.- El campo como tal.

Código PHP:

Ver original<td id='contenidodos' style='display: none;'><a href='javascript: fn_mostrar_pagos(".$row_registrados['Id'].");'><img src='images/collection.jpg' width='32' height='33'/></a></td>

El cual esta combinado con php y al parecer la columna el scrip no funciona.
Ya que luego de darle clik abre otra ventana.

chinanzio · #2 (**permalink**) 02/05/2012, 08:31

Hola, he probado el siguiente código y, según lo que había entendido, funciona bien.
Cual es la diferencia con el tuyo ?

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=UTF-8" />
<title>Insert title here</title>
</head>
<body>
    <input type="button" value="showContentDos" onclick="showContentDos();"/>
    <input type="checkbox" id="no" />
    <table id="solicit">
        <tr>
            <td>uno</td>
            <td>dos</td>
            <td>tres</td>
        </tr>
        <tr>
            <td>uno</td>
            <td>dos</td>
            <td>tres</td>
        </tr>
    </table>
    <script>
    function showContentDos() {
        element = document.getElementById("contenidodos");
        no = document.getElementById("no");
        if (no.checked) {
            // element.style.display='block';
            ocultarColumna(1, true);
        } else {
            // element.style.display='none';
            ocultarColumna(1, false);
        }
    }
 
    function ocultarColumna(num, ver) {
        var dis = ver ? '' : 'none';
        var fila = document.getElementById('solicit').getElementsByTagName('tr');
        for (var i = 0; i < fila.length; i++)
            fila[i].getElementsByTagName('td')[num].style.display = dis;
    }
        </script>
</body>
</html>