Foros del Web » Programando para Internet » Javascript »

ocultar ciertas columnas por omision

 Estas en el tema de ocultar ciertas columnas por omision en el foro de Javascript en Foros del Web. 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..., ...
  #1 (permalink)  
Antiguo 01/09/2005, 11:06
Avatar de nuevo  
Fecha de Ingreso: mayo-2003
Ubicación: Spain
Mensajes: 2.009
Antigüedad: 21 años, 7 meses
Puntos: 2
ocultar ciertas columnas por omision
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 --> 
__________________
3w.valenciadjs.com
3w.laislatv.com
Última edición por nuevo; 01/09/2005 a las 14:04
  #2 (permalink)  
Antiguo 01/09/2005, 15:01
Avatar de flaviovich  
Fecha de Ingreso: agosto-2005
Ubicación: Lima, Peru
Mensajes: 2.951
Antigüedad: 19 años, 4 meses
Puntos: 39
Sonrisa
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.
  #3 (permalink)  
Antiguo 02/09/2005, 06:16
Avatar de nuevo  
Fecha de Ingreso: mayo-2003
Ubicación: Spain
Mensajes: 2.009
Antigüedad: 21 años, 7 meses
Puntos: 2
gracias he usado una llamada directa a la funcion.... mediante

onload="javascript:ocultarColumna(6,false);javascr ipt:ocultarColumna(3,false)"
__________________
3w.valenciadjs.com
3w.laislatv.com
  #4 (permalink)  
Antiguo 02/09/2005, 06:19
Avatar de nuevo  
Fecha de Ingreso: mayo-2003
Ubicación: Spain
Mensajes: 2.009
Antigüedad: 21 años, 7 meses
Puntos: 2
Cita:
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
__________________
3w.valenciadjs.com
3w.laislatv.com
  #5 (permalink)  
Antiguo 02/09/2005, 06:31
Avatar de flaviovich  
Fecha de Ingreso: agosto-2005
Ubicación: Lima, Peru
Mensajes: 2.951
Antigüedad: 19 años, 4 meses
Puntos: 39
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!
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 19:24.