Foros del Web » Creando para Internet » HTML »

Ocultar capas

Estas en el tema de Ocultar capas en el foro de HTML en Foros del Web. Hola Querria saber porque no oculta la fila? Es por estar dentro de una tabla? En tal caso cual seria una poible solucion <table> <div ...
  #1 (permalink)  
Antiguo 15/06/2010, 02:34
 
Fecha de Ingreso: junio-2005
Ubicación: Barcelona
Mensajes: 458
Antigüedad: 12 años, 6 meses
Puntos: 4
Ocultar capas

Hola

Querria saber porque no oculta la fila? Es por estar dentro de una tabla? En tal caso cual seria una poible solucion

<table>
<div style="display:block">
<tr>
<td>Nombre</td><td><input type="textfield"></td>
<td>Apellido</td><td><input type="textfield"></td>
</tr>
</div>
<tr>
<td>Direccion</td><td><input type="textfield"></td>
</tr>
</table>

Gracias

Saludos
__________________
La ficción es y será mi única realidad
  #2 (permalink)  
Antiguo 15/06/2010, 04:42
 
Fecha de Ingreso: mayo-2010
Mensajes: 84
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Ocultar capas

estas intentando romper una estructura, no se puede hacer eso
__________________
http://www.pcexpansion.es
  #3 (permalink)  
Antiguo 15/06/2010, 05:13
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 11 años
Puntos: 126
Respuesta: Ocultar capas

Hola

Sí que se puede hacer. Sería usando DOM

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function valor(val) {
  3. trs = document.getElementsByTagName('tr');
  4. trs[0].style.display = (trs[0].style.display == 'none') ? 'block' : 'none';
  5. }
  6. </script>
  7.  
  8. <table>
  9. <tr>
  10. <td>Nombre</td><td><input type="textfield"></td>
  11. <td>Apellido</td><td><input type="textfield"></td>
  12. </tr>
  13. <tr>
  14. <td>Direccion</td><td><input type="textfield"></td>
  15. </tr>
  16. </table>
  17. <button onclick="valor(1);" >mostrar</button>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Última edición por Adler; 15/06/2010 a las 07:47 Razón: problema con los tag
  #4 (permalink)  
Antiguo 15/06/2010, 09:10
 
Fecha de Ingreso: junio-2010
Ubicación: Buenos Aires - Argentina
Mensajes: 2
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Ocultar capas

Cita:
Iniciado por jspcat Ver Mensaje
Hola

Querria saber porque no oculta la fila? Es por estar dentro de una tabla? En tal caso cual seria una poible solucion

<table>
<div style="display:block">
<tr>
<td>Nombre</td><td><input type="textfield"></td>
<td>Apellido</td><td><input type="textfield"></td>
</tr>
</div>
<tr>
<td>Direccion</td><td><input type="textfield"></td>
</tr>
</table>

Gracias

Saludos

Dos cosas... primero que para esconder algo la propiedad es DISPLAY: NONE y no BLOCK que sirve para otra cosa.
Y segundo... lo q podes hacer para esconder esos campos es colocar el display none dentro del TR que contiene a los TDS.. para q lo veas seria:

Código HTML:
Ver original
  1.                         <tr style="display:none">
  2.                                 <td>Nombre</td><td><input type="textfield"></td>
  3.                                  <td>Apellido</td><td><input type="textfield"></td>
  4.                         </tr>
  5.                          <tr>
  6.                                 <td>Direccion</td><td><input type="textfield"></td>
  7.                          </tr>
  8.  </table>

Espero que te sirva

Saludos
  #5 (permalink)  
Antiguo 15/06/2010, 19:23
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: Ocultar capas

En el post de jspcat no queda claro si lo que quiere es que algunas celdas o filas queden ocultas y nunca se vean o que, utilizado javascript, se puedan mostrar y ocultar a voluntad, en cuyo caso es Adler el que marca el camino.

Esperemos que jspcat aclare su petición.

Saludos

Etiquetas: capas
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 16:53.