Problema con capas

infolan · #1 (**permalink**) 06/04/2006, 02:41

Hola a todos,

A ver si alguien me puede hechar una manilla.

TEngo un formulario bastante grande.

Primero se muestra 3 input de tipos textos, luego 10 textarea, y después más input de tipo text y selects.

Mi idea sería en el trozo que están los textareas dejarlos en capa oculta incialmente, y la primera parte y la final se junta, que cuando le den a un botón de desplegar se vuela a mostrar entre medio la capa con los textearea.

En el caso que la gente lea esto y no lo entienda lo que explico que me lo digan por favor, de esa manere la ayuda será mejor.

Saludos
Jaime

KarlanKas · #2 (**permalink**) 06/04/2006, 02:48

Prueba a poner:
<form>
Parte 1
<input
type="button"
value="mostrar"
onclick = "document.getElementById('oculto').style.displ ay = (this.value == 'mostrar')?'block':'none'; this.value=(this.value == 'mostrar')?'Ocultar':'mostrar';">
<div id="oculto" style="display:none">
Parte 2
</div>
Parte 3
</form>

Cuida que la palabra display del onclick esté entera al copiarlo...

Espero que te sirva

infolan · #3 (**permalink**) 06/04/2006, 02:52

Gracias por contestar lo pruebo ahora mismo y te digo, entiendo que lo que me has pasado funciona si lo pongo dentro de una tabla.

infolan · #4 (**permalink**) 06/04/2006, 02:57

mira yo le dejo asi y no me funciona, ¿donde puede estar mal?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>
<form>
<input type="button" value="mostrar" onclick="document.getElementById('oculto').style.d isplay = (this.value == 'mostrar')?'block':'none';this.value=(this.value == 'mostrar')?'Ocultar':'mostrar';">
<table width="80%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>Primera parte del formulario Nota Empresa</td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<div id="oculto" style="display:none">
<tr>
<td><input type="Text" size="10" value="wqeqweqw"></td>
</tr>
<tr>
<td><input type="Text" size="10" value="wqeqweqw"></td>
</tr>
<tr>
<td><input type="Text" size="10" value="wqeqweqw"></td>
</tr>
</div>
<tr>
<td>Tercera parte del formulario Nota Empresa</td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>

</table>
</form>
</body>
</html>

YandroX · #5 (**permalink**) 06/04/2006, 03:54

mmmmm...no se si será eso, pero como bien te dijo Karlankas...

Cita:

Cuida que la palabra display del onclick esté entera al copiarlo...

... y yo veo un espacio en blanco después de la d en 'getElementById('oculto').style.d isplay'

KarlanKas · #6 (**permalink**) 06/04/2006, 04:46

gracias YandroX por el apunte! Pero en realidad el problema está en hacerlo con una tabla. Vamos a intentar partir esa tabla para conseguir el efecto deseado:

Código:

<body>
<form>
<input type="button" value="mostrar" onclick="document.getElementById('oculto').style.display = (this.value == 'mostrar')?'block':'none';this.value=(this.value == 'mostrar')?'Ocultar':'mostrar';">
<table width="80%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>Primera parte del formulario Nota Empresa</td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
</table>
<div id="oculto" style="display:none">
<table>
<tr>
<td><input type="Text" size="10" value="wqeqweqw"></td>
</tr>
<tr>
<td><input type="Text" size="10" value="wqeqweqw"></td>
</tr>
<tr>
<td><input type="Text" size="10" value="wqeqweqw"></td>
</tr>
</table>
</div>
<table>
<tr>
<td>Tercera parte del formulario Nota Empresa</td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>
<tr>
<td><input type="Text" size="10"></td>
</tr>

</table>
</form>
</body>
</html>

Prueba ahora!

infolan · #7 (**permalink**) 06/04/2006, 05:43

si lo habia hecho despues de mandarte el mensaje y funciono gracias