Interesante ejemplo de interacción HTML - Java Script

Click en el boton Ver


Código del Script S


<SCRIPT language="javascript" type="text/javascript">
function mostrar_ocultar() {
document.Form.texto.type = 'text';
texto.value="hola";//damos valor al text
document.Form.hidden.type = 'button';
document.Form.Accion.type = 'hidden';
document.Form.Accion1.type = 'button';

}
function mostrar() {
document.Form.texto.type = 'hidden';
document.Form.Accion.type = 'button';
document.Form.Accion.value = 'Ver';
document.Form.Accion1.type = 'hidden';

}


</SCRIPT>

Código del HTML


<FORM NAME="Form">
<input name="texto" type="hidden" id="texto" style="hidden"/>
<INPUT TYPE="button" NAME="Accion" ONCLICK="JavaScript:mostrar_ocultar()" value="Ver">
<INPUT TYPE="hidden" NAME="Accion1" ONCLICK="JavaScript:mostrar()" value="Ocultar">

</FORM><br />

La conclusión es que podemos transformar un elemento del HTML en otro.

Descargar el código completo: Download