UNIDAD 1: ELEMENTOS BASICOS

TEMA JSCRIPT 10: JSCRIPT ASPX (2)

En este segundo modelo de JSCRIPT se introduce una nueva coleccion de NET objetos denominada WEBCONTROLS.

Aunque los objetos derivados de HTMLCONTROL facilitan la tarea de manipular los objetos originales de HTML, Microsoft decidio que un nuevo conjuntos denominado WEBCONTROLS derivados de la libreria SYSTEM.WEB.UI.CONTROL permite una mejora mayor y mas funcionalidad para el trabajo con paginas, estos nuevos objetos son:

VER APENDICEWEBCONTROLS AL FINAL DEL CAPITULO:

Como se puede apreciar existen muchos nuevos objetos de mucha utilidad para la construccion de sisTEMA JSCRIPTs de informacion, todos estos objetos tienen sus propiedades especificas, sin embargo muchos de ellos comparten las siguientes propiedades:

PROPIEDAD DESCRIPCION
BackColor Carga o lee el color de background
BorderColor Carga o lee el color del marco(border)
BorderStyle Carga o lee el estilo del marco
BorderWidth Carga o lee el tamano del marco
Font Carga o lee el font
ForeColor Carga o lee el color del foreground
Height Carga o lee la altura del control
ID Carga o lee el identificador del control
TabIndex Carga o lee el tab index
ToolTip Carga o lee el tooltip del control
Visible Carga o lee su estado visible
Width Carga o lee la anchura del control

Interesante verdad?

Prog2.aspx

 
<%@ Import Namespace="System" %>
 
<HTML>
 
<H2>BIENVENIDO A JSCRIPT NET</H2>
 
<FORM RUNAT=SERVER>
 
BASE.....:<ASP:TEXTBOX ID=BASE1 RUNAT=SERVER/><BR>
 
ALTURA.:<ASP:TEXTBOX ID=ALTURA RUNAT=SERVER/><BR>
 
AREA.....:<ASP:TEXTBOX ID=AREA RUNAT=SERVER/><BR>
 
<ASP:BUTTON TEXT=OK ONCLICK=CALCULO RUNAT=SERVER/>
 
</FORM></HTML>
 
<SCRIPT LANGUAGE=JSCRIPT RUNAT=SERVER>
 
function CALCULO(sender:Object, e:EventArgs):void
 
{
 
AREA.Text = BASE1.Text * ALTURA.Text / 2;
 
// formateando la salida
 
AREA.Text = Double.Parse(AREA.Text).ToString("#.##");
 
}
 
</script>

1.- Lo primero y mas importante a recordar que los scripts deben estar embebidos o empotrados en una pagina aspx y deben ir entre los tags <script>codigocsharp</script>.

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

3.- Considerar la pagina como una sola forma o ventana empotrada en el browser esta forma contiene tres objetos, controles o componentes provenientes de ASP o WEBCONTROLS (TEXTBOXS, LABEL, BUTTON ), este ultimo control ( button) se usa para activar el codigo o script del programa.

4.- Observar que se debera usar el tag <ASP: WEBCONTROL PROPIEDADES /> para poner cada webcontrol en la pagina.

5.-Como se observa todos estos controles son objetos y por tanto tienen propiedades y metodos que son los que usamos dentro del programa observar el formato para procesarlos, es decir: objeto.propiedad o metodo.

6.- Estos controles incluyendo TEXTBOX estan usando su propiedad TEXT para procesar los datos, del control BUTTON estamos usando su evento onclick( observar el cambio con el prog1.aspx del TEMA JSCRIPT anterior), para pegarle el proceso u operacion.

7.- Observar que lo primero que hace jscript, es detectar el evento onclick del boton calculo y realizar directamente las operaciones con los objetos webcontrol.

8.- Observar con cuidado todas las partes en minusculas, ES DECIR ES IMPORTANTE RECORDAR QUE DENTRO DEL CODIGO HTML NO IMPORTAN MAYUSCULAS O MINUSCULAS, PERO DENTRO DEL CODIGO EN JSCRIPT SI IMPORTAN MAYUSCULAS Y MINUSCULAS

9.- Al final ya cargado el resultado (AREA), se esta realizando una operacion extra, es decir se esta formateando, lo que se pretende es que solo aparezcan dos decimales en la salida, como se obserava del ejemplo primero el AREA.TEXT se convierte a DOUBLE y como tal ya puede usar la instruccion ToString(string de formato), esta string de formato puede contener los siguientes caracteres:

Format character Name Description
Zero placeholder If the value being formatted has a digit in the position where the '0' appears in the format string, then that digit is copied to the output string. The position of the leftmost '0' before the decimal point and the rightmost '0' after the decimal point determines the range of digits that are always present in the output string.
# Digit placeholder If the value being formatted has a digit in the position where the '#' appears in the format string, then that digit is copied to the output string. Otherwise, nothing is stored in that position in the output string. Note that this specifier never displays the '0' character if it is not a significant digit, even if '0' is the only digit in the string. It will display the '0' character if it is a significant digit in the number being displayed.
. Decimal point The first '.' character in the format string determines the location of the decimal separator in the formatted value; any additional '.' characters are ignored. The actual character used as the decimal separator is determined by the NumberDecimalSeparator property of the NumberFormatInfo object that controls formatting.
, Thousand separator and number scaling The ',' character serves two purposes. First, if the format string contains a ',' character between two digit placeholders (0 or #) and to the left of the decimal point if one is present, then the output will have thousand separators inserted between each group of three digits to the left of the decimal separator. The actual character used as the decimal separator in the output string is determined by the NumberGroupSeparator property of the current NumberFormatInfo object that controls formatting. Second, if the format string contains one or more ',' characters immediately to the left of the decimal point, then the number will be divided by the number of ',' characters multiplied by 1000 before it is formatted. For example, the format string '0,,' will represent 100 million as simply 100. Use of the ',' character to indicate scaling does not include thousand separators in the formatted number. Thus, to scale a number by 1 million and insert thousand separators you would use the format string '#,##0,,'.
% Percentage placeholder The presence of a '%' character in a format string causes a number to be multiplied by 100 before it is formatted. The appropriate symbol is inserted in the number itself at the location where the '%' appears in the format string. The percent character used is dependent on the current NumberFormatInfo class.
E0 E+0 E-0 e0 e+0 e-0 Scientific notation If any of the strings 'E', 'E+', 'E-', 'e', 'e+', or 'e-' are present in the format string and are followed immediately by at least one '0' character, then the number is formatted using scientific notation with an 'E' or 'e' inserted between the number and the exponent. The number of '0' characters following the scientific notation indicator determines the minimum number of digits to output for the exponent. The 'E+' and 'e+' formats indicate that a sign character (plus or minus) should always precede the exponent. The 'E', 'E-', 'e', or 'e-' formats indicate that a sign character should only precede negative exponents.
\ Escape character In C# and the Managed Extensions for C++, the backslash character causes the next character in the format string to be interpreted as an escape sequence. It is used with traditional formatting sequences like “\n” (new line). In some languages, the escape character itself must be preceded by an escape character when used as a literal. Otherwise, the compiler interprets the character as an escape sequence. Use the string “\\” to display “\”. Note that this escape character is not supported in Visual Basic; however, ControlChars provides the same functionality.
'ABC' “ABC” Literal string Characters enclosed in single or double quotes are copied to the output string literally, and do not affect formatting.
; Section separator The ';' character is used to separate sections for positive, negative, and zero numbers in the format string.
Other All other characters All other characters are copied to the output string as literals in the position they appear

Fuente: microsoft net

Para ejecutarlo:

1.- Solo subir prog2.aspx a tu sitio web y para verlo, bajarlo y ejecutarlo desde una maquina cliente, solo usar la siguiente direccion:

tusitio.com/prog2.aspx

El programa en ejecucion:

image403.jpg

TAREAS PROGRAMACION JSCRIPT

1.- Construir scripts para la segunda mitad de los problemas que se vieron en el TEMA JSCRIPT de modelo de solucion.

Politica de Privacidad