JavaScript Forever

Hace algunos años empecé de instructor de JavaScript en el instituto donde trabajo, además enseñaba HTML básico y dinámico.

Todo evolucionó muy pronto y después de hacer un proyecto web por el año 2005, dejamos de lado el desarrollo web.

Hoy y debido a un proyecto de un alumno de estadía, hemos desenterrado esa tecnología que si bien en el pasado post hablamos del JavaScript asíncrono, ahora vamos con el simple, llano y eterno JavaScript.

Hay infinidad de tecnologías que giran alrededor de JavaScript (Angular, Node JS, etc, etc ), pero este post habla de ese sencillito ejemplo de poner el código en la misma página – que tampoco es bueno por razones de seguridad.

En primera instancia en Visual Studio 2015 puse un botón de HTML de tipo reset para limpiar los controles TextBox de aspx, antes de hacer postback funcionó, pero una vez que se verifica la conexión, el botón reset simplemente deja de funcionar.

Entonces se hace a la antigüita.

Puse un botón Aspx y ponemos programamos el evento OnClientClick.

<asp:ImageButton ID=”ImageButton3″ runat=”server” Height=”46px” ImageUrl=”~/Iconos/Limpiar.png” OnClientClick=”limpia()” Width=”49px” />

Lo que sigue es implementar el método limpia en JavaScript.

<script type=”text/javascript”>

function limpia() {

this.document.getElementById(“txt_host”).value = ”;
this.document.getElementById(“txt_servidor”).value = “”;

}

</script>

Como podemos observar en el paréntesis del método getElementById se pone entre comillas el nombre del control aspx que se desea blanquear.

Nombre del host:<br />
<asp:TextBox ID=”txt_host” runat=”server” Width=”685px”></asp:TextBox>
<br />
Servidor:<br />
<asp:TextBox ID=”txt_servidor” runat=”server” Width=”686px”></asp:TextBox>
<br />

Y eso es todo 🙂

Profesor Miguel Araujo.

 

Deja un comentario