Ocultar divs

[bichomen]

Para ocultar divs y mostrarlos se usa:

Código HTML:

document.getElementById().style.display = 'none';
document.getElementById().style.display = 'block';

pero si tengo un div dentro de otro, el div interno lo puedo ocultar y mostrar pero el externo no funciona, por que??

Código HTML:

<div id="externo">
<div id="interno">
</div>
</div> 

bichomen

[ZiTAL]

no se usaba style.visibility='hidden' y style.visibility='visible'?

[bichomen]

Iniciado por ZiTAL

no se usaba style.visibility='hidden' y style.visibility='visible'?

Claro pero eso son estilos, pero con javascript se utiliza:

Código HTML:

document.getElementById().style.display = 'none';
document.getElementById().style.display = 'block';

bichomen

[ZiTAL]

display tambien es CSS, yo lo cambio asi mediante javascript, con visibility.

http://www.w3schools.com/css/pr_class_display.asp

[zyon]

creo que una diferencia para MI es que el div sigue utilizando el su espacio en la forma estando oculto (hablando de visibility y hidden), en una ocacion tenia un div que mostraba informacion hasta cierto numero de caracteres y que tenia una propiedad title para ver toda la informacion del mismo y justo arriba una opcion con la que se muestra un Div oculto sobre el div de informacion, pues este div oculto no me permitia posicionar el cursor sobre el div de informacion y que me mostrase el TITLE, cuando use las otras propiedades ese problema dejo de serlo...es es la única diferencia que io veo y por lo que procuro usar none y block, :P sorry por meter mi cucharota :P

[bichomen]

Sacado de http://www.w3c.es/Divulgacion/GuiasR...fectosVisuales:

Código HTML:

visibility Visibilidad de las cajas [ visible | hidden | collapse ] 

bichomen

[bichomen]

bueno a todo esto como hago para ocultar el div externo con divs internos incluidos, por que no me funciona

Código HTML:

<div id="externo">
<div id="interno1"></div>
<div id="interno2"></div>
<div id="interno3"></div>
</div> 

bichomen

[bichomen]

Creo que el problema estas en las tablas el div externo abarca un <tr>, mientras que los divs internos estan en celdas, como puedo esconder los <tr> de la tabla???

Código HTML:

<table>
<div id="externo">
<tr><td>bla,bla,bla..</td><td>
<div id="interno1"></div>
<div id="interno2"></div>
<div id="interno3"></div>
</td></tr>
</div>
</table> 

bichomen

[seconddj]

creo que no es correcto el sistema que intentas utilizar... deberás crear una tabla y dentro del td, meter un div, dentro del div otra tabla con los datos.

Código PHP:

  <table>
  <tr><td>
      <div id="externo">
<table>
<tr><td>bla,bla,bla..</td><td>
<div id="interno1"></div>
<div id="interno2"></div>
<div id="interno3"></div>
</td></tr>
</table>
      </div>
  </td></tr>
</table> 
   

un saludo...

[derkenuke]

¿Un DIV que contiene una fila? Eso no es un poco... ¿dudoso?

Si quieres ocultar la fila (que no es lo mismo que no mostrarla) prueba poniéndole un id a la misma fila:

Código PHP:

  <TABLE border="1">
    <TR id="fila">
        <TD><input type="button" value="oculta fila" onclick="document.getElementById('fila').style.visibility='hidden';" /></TD>
        <TD>&nbsp;</TD>
    </TR>
    <TR>
        <TD>&nbsp;</TD>
        <TD>&nbsp;</TD>
    </TR>
</TABLE> 
   

saludos

[bichomen]

bueno ya lo arregle, la solucion fue abarcar con el div externo toda la tabla ya que que no oculta filas solo celdas

bichomen

[programeitor]

Hola,

¿como es que no oculta filas?... ,no lo se exactamente, pero si se puede,.