Foros del Web » Programando para Internet » Javascript »

Manipulando Tablas

Estas en el tema de Manipulando Tablas en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/05/2012, 07:50
Avatar de jmacc  
Fecha de Ingreso: marzo-2007
Ubicación: Mexico
Mensajes: 94
Antigüedad: 17 años, 9 meses
Puntos: 6
Busqueda Manipulando Tablas

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
  1. <script type="text/javascript">
  2.     function showContentUno() {
  3.         element = document.getElementById("contenidouni");
  4.         si = document.getElementById("si");
  5.         if (si.checked) {
  6.             element.style.display='block';
  7.         }
  8.         else {
  9.             element.style.display='none';
  10.         }
  11.     }
  12.    
  13.       function showContentDos() {
  14.         element = document.getElementById("contenidodos");
  15.         no = document.getElementById("no");
  16.          if (no.checked) {
  17.            // element.style.display='block';
  18.            ocultarColumna(1,true);
  19.         }
  20.         else {
  21.             //element.style.display='none';
  22.             ocultarColumna(1,false);
  23.         }
  24.     }
  25.    
  26. function ocultarColumna(num,ver) {
  27.       dis= ver ? '' : 'none';
  28.         fila=document.getElementById('solicit').getElementsByTagName('tr');
  29.         for(i=0;i<fila.length;i++)
  30.             fila[i].getElementsByTagName('td')[num].style.display=dis;
  31. }
  32.        
  33. </script>

Mi tabla.- El campo como tal.
Código PHP:
Ver original
  1. <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.
__________________
Los bueno Chicos Acaban Primero.
User Linux: #527435
  #2 (permalink)  
Antiguo 02/05/2012, 08:31
 
Fecha de Ingreso: marzo-2007
Mensajes: 82
Antigüedad: 17 años, 9 meses
Puntos: 21
Respuesta: Manipulando Tablas

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>Insert title here</title>
  5. </head>
  6.     <input type="button" value="showContentDos" onclick="showContentDos();"/>
  7.     <input type="checkbox" id="no" />
  8.     <table id="solicit">
  9.         <tr>
  10.             <td>uno</td>
  11.             <td>dos</td>
  12.             <td>tres</td>
  13.         </tr>
  14.         <tr>
  15.             <td>uno</td>
  16.             <td>dos</td>
  17.             <td>tres</td>
  18.         </tr>
  19.     </table>
  20.     <script>
  21.     function showContentDos() {
  22.         element = document.getElementById("contenidodos");
  23.         no = document.getElementById("no");
  24.         if (no.checked) {
  25.             // element.style.display='block';
  26.             ocultarColumna(1, true);
  27.         } else {
  28.             // element.style.display='none';
  29.             ocultarColumna(1, false);
  30.         }
  31.     }
  32.  
  33.     function ocultarColumna(num, ver) {
  34.         var dis = ver ? '' : 'none';
  35.         var fila = document.getElementById('solicit').getElementsByTagName('tr');
  36.         for (var i = 0; i < fila.length; i++)
  37.             fila[i].getElementsByTagName('td')[num].style.display = dis;
  38.     }
  39.         </script>
  40. </body>
  41. </html>
__________________
Hazle un favor a tu cerebro y juega Ajedrez online
Chess online

Etiquetas: css, html, php, scrip, style, 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 03:01.