UNIDAD 1: ELEMENTOS BASICOS

TEMA JSCRIPT 9: INTRODUCCION A JSCRIPT NET (1)

Tomar nota que el modelo de programacion que vamos a seguir, indica que un programa es un conjunto de objetos provenientes de cualquier fuente ( html, activex, asp, ado, dom, asp.net) y se utiliza el lenguaje jscript.net para programar sus propiedades, metodos y eventos.

El primero modelo a aprender y programar, es el mas sencillo de todos solo contiene, CODIGO HTML, y un poco de codigo en jscript, para programar objetos y solucionar el problema.

Codigo prog1.aspx:

 
<%@ Import Namespace="System" %>
 
<HTML>
 
<H1>BIENVENIDO A JSCRIPT NET</H1>
 
<B>MI PRIMER ASPX<BR>
 
<FORM RUNAT=SERVER>
 
EDAD<INPUT TYPE=TEXT ID=EDAD RUNAT=SERVER/><BR>
 
MESES<INPUT TYPE=TEXT ID=MESES RUNAT=SERVER /><BR>
 
<INPUT TYPE=BUTTON TEXT=OK ONSERVERCLICK=CALCULO VALUE=OK RUNAT=SERVER/>
 
</FORM>
 
SALUDOS Y DESPEDIDA
 
</HTML>
 
<SCRIPT LANGUAGE=JSCRIPT RUNAT=SERVER>
 
function CALCULO(sender:Object, e:EventArgs):void
 
{
 
MESES.Value = EDAD.Value * 12;
 
}
 
</script>

Notas:

1.- Lo primero y mas importante a recordar es que en este modelo de programacion, el codigo en jscript estara embebido o empotrado junto con codigo html.( empezar consiguiendo y estudiando un buen tutorial de html).

2.- Este codigo mezcla instrucciones de dos lenguajes de programacion diferentes, ellos son HTML y JSCRIPT.

En otras palabras aparte de aprender el lenguaje de programacion jscript, tambien por el mismo precio van a aprender el lenguaje de programacion HTML, en ninguna parte del mundo se proporciona esta oferta.

3.- Para crear este programa deberan usar el mejor editor de programas del mundo el NOTEPAD o el WORDPAD DE WINDOWS cargarlo, escribir el programa y grabarlo como prog1.aspx, tener mucho cuidado que la extencion sea .aspx, notepad y wordpad tienen la costumbre de agregarles aparte la extension .txt o .doc, es decir si el programa queda grabado como prog1.aspx.txt, DICHO PROGRAMA NO SE VA A EJECUTAR, revisarlo desde una consola desde el MSDOS con una orden DIR y si es necesario usar RENAME.

4.- La primera parte del programa ( el codigo html) empieza creando un objeto o componente FORM(tambien de html) que contendra todos los demas objetos o componentes de html, luego se crean dos objetos tambien provenientes de html (input text) objetos o componentes que se especializan en manipular datos, es decir se usan para capturar o desplegar datos.

5.- Despues se crea otro objeto o componente HTML( input button) que se puede definir como el objeto o componente de orden o comando, es decir en su evento onclick(cuando el usuario hace un click dentro de el) se activa la forma y el metodo en jscript asociado a ella, observar y aprender y respetar el formato de como asociarle codigo en jscript al evento onclick del componente botton.

6.- Hasta esta parte del programa, se esta manipulando puros objetos html (form, input text, input button) al finalizar este capitulo viene un apendice con todos los objetos html incluyendo sus propiedades y sus metodos, favor de revisarlos y estudiarlos.

7.- Ya que estan de regreso de analizar los objetos HTML, los mas observadores de ustedes notaran que en todos estos objetos que estan en prog1.aspx, usan una serie de propiedades que en el apendice no se muestran, esta es la primera aportacion que la tecnologia Microsoft.Net agrega a este modelo de programacion.

8.- El problema es que los objetos HTML no tienen suficientes propiedades y metodos para resolver muchos problemas de programacion, por esta razon Microsoft.Net crea unas cubiertas?(WRAPPERS) para cada uno de ellos, en su libreria System.Web.UI.Control, o coleccion HTMLCONTROL, estos nuevos objetos o controles son:

HtmlInputButton, HtmlInputCheckBox, HtmlInputFile, HtmlInputHiden, HtmlputImage, HtmlInputRaddioButton, HtmlInputText, HtmlAnchor, HtmlButton, HtmlForm, HtmlGenericControl, HtmlSelect, HtmlTable, HtmlTableCell, HtmlTableRow, HtmlTextArea, HtmlImage.

Para los observadores, notar que hay un objeto correspondiente para cada objeto HTML pero tambien EXISTEN ALGUNOS NUEVOS QUE FACILITAN LA CONSTRUCCION DE PAGINAS o FORMAS apspx.

Recordar tambien que estos controles aceptan o pueden usar todas las propiedades originales de los objetos HTML, y algunas nuevas propiedades y metodos como se observa en el programa ejemplo.

La unica propiedad que no se menciona y se usa en todos estos objetos htmlcontrol, es runat=“server” que se utiliza para indicarle al servidor de paginas que debe compilar y ejecutar el programa.aspx usando el lenguaje apropiado y solo mandarle el resultado de esta compilacion a la maquina cliente que lo pidio.

9.- El script o miniprograma empieza con <SCRIPT y termina con </SCRIPT>.

10.- Recordar que JSCRIPT es case-sensitive es decir diferencia entre mayusculas y minusculas, por tanto se debera respetar todas las ID de los objetos y las variables que se hayan declarado.

11.- La primera sopresa agradable comparada con los otros modelos de programacion es que de los objetos htmlcontrols se pueden manipular directamente sus propiedades y metodos, es decir ya no hay necesidad ( aunque se puede) de usar los objetos tradicionales de ASP.

12.- Otra buena noticia es que podemos programar directamente los componentes como lo muestra el programa ejemplo.

13.- Ya realizado el calculo, se manda el resultado al objeto MESES.Value.

14.- Para ejecutar este programa, solo basta crearlo con el wordpad o notepad, grabarlo como prog1.aspx y para verlo en ejecucion:

Subirlo a tu sitio web con el ftp del internet explorer y llamarlo desde cualquier parte del mundo con la direccion: tusitio.com/prog1.aspx

El programa en ejecucion:

image402.jpg

TAREAS PROGRAMACION JSCRIPT

1.- Construir programas para la primera mitad de los problemas del modelo de solucion.

Politica de Privacidad