mostrar y ocultar formulario mediante checkbox

Citar

Escrito el 13 Mar 2011 05:03 am

hola buenas a todos, encontre este codigo que sirve para mostrar y ocultar formularios, o cualquier texto mediante un checkbox, bueno lo que yo pretendo es hacerlo mediante un link o enlace, como se podria implementar? quedo atento a una respuesta , saludos

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">

</script>
</head>
<body>
<h3 align="center"> This JavaScript shows how to hide divisions </h3>

<div id="div1" style="display:none">
<table border=1 id="t1">
<tr>
<td>i am here!</td>
</tr>
</table>
</div>

<form>
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
</form>
</body>
</html>

Por nihao

46 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 13 Mar 2011 05:35 am

Creo que lo que quieres es esto:

Código HTML :

<html>
<head>
<script type="text/javascript">
function Mostrar(id) {
   var ele = document.getElementById(id);
   if (ele.style.display == "block") { ele.style.display = "none"; }
   else { ele.style.display = "block"; }
}
</script>
</head>
<body>
<div id="bloque" style="display: block">
   <p>Esto desaparecerá.</p>
</div>
<a href="" onClick="Mostrar('bloque'); return false;">Clic para hacer aparecer/desaparecer el mensaje</a>
</body>
</html>

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 19 Mar 2011 04:23 am

Si, con lo ultimo debería funcionar
Usas el evento on click de el link, para ocultar o mostrar
DriverOp dijo todo, no tengo mucho más que decir

Por sebifrost

61 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 21 Mar 2011 03:51 am

perfecto, es lo que estaba buscando, muchas gracias, funciona de maravilla, gracias DriverOp y sebifrost

Por nihao

46 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 24 Ene 2013 07:53 pm

hola muy bueno el aporte

mm pero tengo una duda lo que quiero hacer es usar mas de un divs que contenga un formulario cada uno en la misma pagina es decir:

DIV id

bloque1
bloque2
bloque3

que al cargar la pagina SOLO cargue el div "bloque1" al terminar de llenarlo y al presionar el botón aparezca solo el bloque2, despues el bloque3 etc... para después mandar los datos del formulario a otra pagina, la verdad soy nuevo en javascript no se si se pueda.

esto es con la finalidad de hacer menos tedioso un llenado de formulario largo

de antemano Gracias. Saludos!!!

Por langel_rr

20 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Desarollador Web

mostrar y ocultar formulario mediante checkbox

Escribe una respuesta rapida