Ocultar/mostrar un formulario
Publicado por David (7 intervenciones) el 21/08/2007 21:33:35
Cual es la funcion para mostrar y ocultar un formulario??
Gracias de antemano
Gracias de antemano
Valora esta pregunta


0
<script>
function hideshow(){
var frm=document.form1;
if(frm.style.display=="block"){frm.style.display="none"}
else
if(frm.style.display=="none"){frm.style.display="block"}
}
</script>
<form name="form1" style="display:block">
<input type="text" name="text1" size="20">
<input type="submit" value="enviar">
</form>
<HTML>
<HEAD>
_______________________________
Codigo por Karloz Moreno
_______________________________
<STYLE>
.hideable { position: relative; visibility: visible; }
</STYLE>
<SCRIPT>
function Mostrar_Ocultar(hide) {
if (document.layers)
/*aqui se cambian los valores 'show' y 'hide' para cultarlo o mostrarlo
aqui la variable (hide) esta en show para ver los campos
document.contenido.visibility = ****variable(hide)**** ? ****estado('show') ****y despues *****: 'hide'; */
document.contenido.visibility = hide ? 'show' : 'hide';
else {
var g = document.all ? document.all.contenido :
document.getElementById('contenido');
g.style.visibility = hide ? 'visible' : 'hidden';
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD VALIGN="top">
<FORM NAME="form0">
Marcalo Para Ver los Campos?
<INPUT NAME="Accion" TYPE="checkbox"
ONCLICK="Mostrar_Ocultar(this.checked);"
>
</FORM></TD>
<TD>
<SPAN ID="contenido" CLASS="hideable">
<FORM NAME="form1">
<p>
<select name="nombre">
<option>Tipo Documento
<option value="Cedula Ciudadania">CC
<option value="Tarjeta Indentidad">TI
<option value="Cedula Extranjeria">CE
</select>
</p>
<p>
<label>
<input type="text" name="Observaciones" id="Observaciones">
<br>
<br>
<textarea name="Observ" id="Observ" cols="45" rows="5">Introduce un texto</textarea>
</label>
</p>
</FORM>
</SPAN></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HTML>
<HEAD>
_______________________________
Codigo por Karloz Moreno
_______________________________
<STYLE>
.hideable { position: relative; visibility: visible; }
</STYLE>
<SCRIPT>
function Mostrar_Ocultar(hide) {
if (document.layers)
/*aqui se cambian los valores 'show' y 'hide' para cultarlo o mostrarlo
aqui la variable (hide) esta en hide para ocultarlos campos
document.contenido.visibility = ****variable(hide)**** ? ****estado('hide') **** y despues *****: 'show'; */
document.contenido.visibility = hide ? 'hide' : 'show';
else {
var g = document.all ? document.all.contenido :
document.getElementById('contenido');
g.style.visibility = hide ? 'hidden' : 'visible';
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD VALIGN="top">
<FORM NAME="form0">
Desmarcalo Para Ver los Campos
<INPUT NAME="Accion" TYPE="checkbox"
ONCLICK="Mostrar_Ocultar(this.checked);"
>
</FORM></TD>
<TD>
<SPAN ID="contenido" CLASS="hideable">
<FORM NAME="form1">
<p>
<select name="nombre">
<option>Tipo Documento
<option value="Cedula Ciudadania">CC
<option value="Tarjeta Indentidad">TI
<option value="Cedula Extranjeria">CE
</select>
</p>
<p>
<label>
<input type="text" name="Observaciones" id="Observaciones">
<br>
<br>
<textarea name="Observ" id="Observ" cols="45" rows="5">Introduce un texto</textarea>
</label>
</p>
</FORM>
</SPAN></TD>
</TR>
</TABLE>
</BODY>
</HTML>