ocultar ciertas columnas por omision

[nuevo]

hola, estoy usando este codigo js, que me permite, abrir y cerrar campos y columnas... pero me gustaria que automaticamente,,, ya aparecezcan X columnas ocultas..., como la del ejemplo,,.. referers, y si el usuario quiere que la muestre en el momento de pulsar el input...

el royo es ocultar por omision ciertas columnas...

Código PHP:

  <!-- inicioBloque: definirBloqueTplAdminStaticsIp --> 
<script type="text/javascript"> 
<!-- 
function ocultarFila(num,ver) { 
  dis= ver ? '' : 'none'; 
  tab=document.getElementById('tabla'); 
  tab.getElementsByTagName('tr')[num].style.display=dis; 
} 
function ocultarColumna(num,ver) { 
  dis= ver ? '' : 'none'; 
  fila=document.getElementById('tabla').getElementsByTagName('tr'); 
  for(i=0;i<fila.length;i++) 
    fila[i].getElementsByTagName('td')[num].style.display=dis; 
} 
--> 
</script> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
        <td align="center" valign="middle"> 
            <table width="99%" border="0" cellspacing="0" cellpadding="0"> 
                <tr> 
                    <td> 
<div align="center"> 
 
<table width="99%" border="0" cellspacing="0" cellpadding="0" class="tbl1edit" 
    <tr> 
        <td align="center" valign="middle"> 
            <input type="botones" value="Mostrar Referers" onclick="ocultarColumna(6,true)"> 
            <input type="botones" value="Esconder Referers" onclick="ocultarColumna(6,false)"> 
        </td> 
      </tr> 
 </table> 
 
 <br> 
  
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tabla"> 
    <tr class="tbl1edittile"> 
        <td align="center" valign="middle"> ID </td> 
        <td align="center" valign="middle"> IP </td> 
        <td align="center" valign="middle"> 1ª VISITA </td> 
        <td align="center" valign="middle"> NAVEGADOR </td> 
        <td align="center" valign="middle"> PANTALLA </td> 
        <td align="center" valign="middle"> IDIOMA </td> 
        <td align="center" valign="middle"> REFERERS </td> 
        <td align="center" valign="middle"> OS </td> 
        <td align="center" valign="middle"> NAVEGADOR </td> 
        <td align="center" valign="middle"> ONLINE </td> 
        <td align="center" valign="middle"> ULTIMA VISITA </td> 
    </tr> 
 
{expandirDefinirBloqueTplAdminStaticsIpFila} 
<!-- inicioBloque: definirBloqueTplAdminStaticsIpFila --> 
 
    <tr class="tbl1edit"> 
        <td align="center" valign="middle">{DEF_STATICSIPID}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPIP}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPDATE}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPNAVIGATOR}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPRESOLUTION}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPLANG}</td> 
        <td align="center" valign="middle"><a href="{DEF_STATICSIPREFERERS}" target="_blank" class="cssMenus">{DEF_STATICSIPREFERERS}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPOS}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPNAVIGATOR2}</td> 
        <td align="center" valign="middle">{DEF_STATICSIPONLINE}</td> 
        <td align="center" valign="middle">{DEF_STATICSULTVISITONLINE} Dia/s</td> 
    </tr> 
 
<!-- finBloque: definirBloqueTplAdminStaticsIpFila --> 
 
</table><br> 
 
<table width="99%" border="0" cellspacing="0" cellpadding="0" class="tbl1edit" 
    <tr> 
        <td align="center" valign="middle"> 
            {DEF_PAGINFOPAGINATED} 
        </td> 
      </tr> 
 </table><br> 
</div> 
                    </td> 
                </tr> 
            </table> 
            <table width="99%" border="0" cellspacing="0" cellpadding="0" class="tbl1edit"> 
                <tr> 
                    <td align="center" valign="middle">Artefacto Multimedia Studios @2005 / {DEF_REVSCRIPT} <b>|</b>{DEF_REVSCRIPTMAXGALERY}<b>|</b></td> 
                </tr> 
            </table> 
        </td> 
    </tr> 
</table> 
<!-- finBloque: definirBloqueTplAdminStaticsIp -->  
  

[flaviovich]

Servido!

Código HTML:

<!-- inicioBloque: definirBloqueTplAdminStaticsIp -->
<script type="text/javascript">
<!--
function ocultarFila(num,ver) {
  tab=document.getElementById('tabla');
  tab.getElementsByTagName('tr')[num].style.display=ver ? '' : 'none';
}
function ocultarColumna(num,ver) {
  fila=document.getElementById('tabla').getElementsByTagName('tr');
  for(i=0;i<fila.length;i++)
    fila[i].getElementsByTagName('td')[num].style.display=ver ? '' : 'none';
}
-->
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" valign="middle">
            <table width="99%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>
<div align="center">

<table width="99%" border="0" cellspacing="0" cellpadding="0" class="tbl1edit">
    <tr>
        <td align="center" valign="middle">
            <input type="button" value="Mostrar Referers" onclick="ocultarColumna(6,true)">
            <input type="button" value="Esconder Referers" onclick="ocultarColumna(6,false)">
        </td>
      </tr>
</table>

<br>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tabla">
    <tr class="tbl1edittile">
        <td align="center" valign="middle"> ID </td>
        <td align="center" valign="middle"> IP </td>
        <td align="center" valign="middle"> 1ª VISITA </td>
        <td align="center" valign="middle"> NAVEGADOR </td>
        <td align="center" valign="middle"> PANTALLA </td>
        <td align="center" valign="middle"> IDIOMA </td>
        <td style="display:none" align="center" valign="middle"> REFERERS </td>
        <td align="center" valign="middle"> OS </td>
        <td align="center" valign="middle"> NAVEGADOR </td>
        <td align="center" valign="middle"> ONLINE </td>
        <td align="center" valign="middle"> ULTIMA VISITA </td>
    </tr>

{expandirDefinirBloqueTplAdminStaticsIpFila}
<!-- inicioBloque: definirBloqueTplAdminStaticsIpFila -->

    <tr class="tbl1edit">
        <td align="center" valign="middle">{DEF_STATICSIPID}</td>
        <td align="center" valign="middle">{DEF_STATICSIPIP}</td>
        <td align="center" valign="middle">{DEF_STATICSIPDATE}</td>
        <td align="center" valign="middle">{DEF_STATICSIPNAVIGATOR}</td>
        <td align="center" valign="middle">{DEF_STATICSIPRESOLUTION}</td>
        <td align="center" valign="middle">{DEF_STATICSIPLANG}</td>
        <td style="display:none" align="center" valign="middle"><a href="{DEF_STATICSIPREFERERS}" target="_blank" class="cssMenus">{DEF_STATICSIPREFERERS}</td>
        <td align="center" valign="middle">{DEF_STATICSIPOS}</td>
        <td align="center" valign="middle">{DEF_STATICSIPNAVIGATOR2}</td>
        <td align="center" valign="middle">{DEF_STATICSIPONLINE}</td>
        <td align="center" valign="middle">{DEF_STATICSULTVISITONLINE} Dia/s</td>
    </tr>

<!-- finBloque: definirBloqueTplAdminStaticsIpFila -->

</table><br>

<table width="99%" border="0" cellspacing="0" cellpadding="0" class="tbl1edit">
    <tr>
        <td align="center" valign="middle">
            {DEF_PAGINFOPAGINATED}
        </td>
      </tr>
</table><br>
</div>
                    </td>
                </tr>
            </table>
            <table width="99%" border="0" cellspacing="0" cellpadding="0" class="tbl1edit">
                <tr>
                    <td align="center" valign="middle">Artefacto Multimedia Studios @2005 / {DEF_REVSCRIPT} <b>|</b>{DEF_REVSCRIPTMAXGALERY}<b>|</b></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- finBloque: definirBloqueTplAdminStaticsIp --

Para que aparezca por defecto cada columna oculta, agrega style="display:none" a cada <TD> de la columna que quieras ocultar.

[nuevo]

gracias he usado una llamada directa a la funcion.... mediante

onload="javascript:ocultarColumna(6,false);javascr ipt:ocultarColumna(3,false)"

[nuevo]

Iniciado por flaviovich

Servido!
Para que aparezca por defecto cada columna oculta, agrega style="display:none" a cada <TD> de la columna que quieras ocultar.

se me olvidaba... eso no va en todos los navegadores.... sobretodo en firefox... peta

[flaviovich]

Extraño!
yo tengo Mozilla Firefox 1.0.4, y a mi si me funciona.
En otro navegador, puede que no funcione... eso si es verdad!