Vous êtes sur la page 1sur 15

DESARROLLO Y DISEO WEB

Efectos Y Validaciones Con Java Script & Asp.Net


JavaScript, Es El Lenguaje Que Nos Permite Interactuar Con El Navegador De Manera Dinmica Y Eficaz, Proporcionando A Las Pginas Web Dinamismo Y Vida. Todos Los Que Hasta Ahora Hayan Seguido El Curso De HTML, Se Habrn Dado Cuenta De Una Cosa: Crear Un Documento HTML, Es Crear Algo De Carcter Esttico, Inmutable Con El Paso Del Tiempo. La Pgina Se Carga, Y Ah Termina La Historia. Tenemos Ante Nosotros La Informacin Que Buscbamos, Pero No Podemos INTERACTUAR Con Ella. As Pues, Como Solucin A Este Problema, Nace JavaScript. Y qu es JavaScript? Se Trata De Un Lenguaje De Tipo Script Compacto, Basado En Objetos Y Guiado Por Eventos Diseado Especficamente Para El Desarrollo De Aplicaciones Cliente-Servidor Dentro Del mbito De Internet. Los Programas JavaScript Van Incrustados En Los Documentos HMTL, Y Se Encargan De Realizar Acciones En El Cliente, Como Pueden Ser Pedir Datos, Confirmaciones, Mostrar Mensajes, Crear Animaciones, Comprobar Campos... Dnde y Como Incluir JavaScript? Existen Distintos Modos De Incluir Lenguaje JavaScript En Una Pgina. La Forma Ms Frecuente De Hacerlo Es Utilizando La Directiva <Script> En Un Documento HTML (Se Pueden Incluir Tantas Directivas <Script> Como Se Quiera En Un Documento). El Formato Es El Siguiente:

<Script Language="Javascript" Type="Text/Javascript"> Funciones Y Validaciones Java </Script>


El Atributo LENGUAGE, Hace Referencia A La Versin De JavaScript Que Se Va A Utilizar En Dicho Script. Otro Atributo De La Directiva TYPE, Que Puede Usarse Para Incluir Un Archivo Externo Que Contiene JavaScript Y Que Quiere Incluirse En El Cdigo HTML. Nota Importante: JavaScript Es Sensible A Maysculas Y Minsculas, Todos Los Elementos De JavaScript Deben Referenciarse Cmo Se Definieron, No Es Lo Mismo "Salto" Que "salto". Se Recomienda Digitar El Script De JavaScript En Minsculas. Estas Etiquetas <Script></Script> Generalmente Van Entre Las Etiquetas De HTML <Head></Head>. Ejemplo: En Ocasiones Cuando En Un Sistema Web Se Requiere Que Los Usuarios Inicien Sesin, Para As, Poder Saber Quin Es La Persona Que Entro Y Cules Son Sus Permisos, Es Conveniente, Por Seguridad, Deshabilitar El Botn Atrs Del Navegador O No Permitir Cache En La Pgina. Para Deshabilitar El Contenido Anterior:

<Script Language="Javascript" Type="Text/Javascript"> { If (History.Forward(1)) Location.Replace(History.Forward(1)) } <Script>


Para Deshabilitar La Cache:

<Meta Http-Equiv="Expires" Content="0" /> <Meta Http-Equiv="Pragma" Content="No-Cache" />


Esto Nos Ayudara Para Que Los Usuarios Brinquen De Una Pagina A Otra Libremente, Sobre Todo Cuando Se Tenga Una Pagina Donde Se Realicen Transacciones A Bases De Datos.
Prof: Mauico Flores, Roly Mvil: 9-8508-4014 1 Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB


A Continuacin Pondremos En Prctica Nuestros Conocimientos Bsicos En JavaScript: 1) Ingresar Al Visual Studio.Net y Crear Un Nuevo Sitio Web o WebSite En La Unidad D: De Nuestra Pc, Con El Nombre De: EFECTOS Y VALIDACION JAVASCRIPT. 2) A La Primera Pgina Web Darle De Nombre: Demo1.Aspx Realizar El Siguiente Diseo: (Utilizar Tablas Categora De Control - HTML)

3) Ahora Ingresar A La Vista De Cdigo y Realizar Las Siguientes Modificaciones Entre Las Etiquetas <Head> </Head>

Funcin StartClock, En JavaScript Que Nos Permitir Recuperar La Hora Del Sistema Y Mostrarlo en Un LABEL.

4) Luego Modificar la Etiqueta <Body> y Agregarle El Siguiente Parmetro Para Utilizar La Funcin Creada En JavaScript:

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB


5) Luego Volver A la Etapa De Diseo, E Ingresar Al Botn Cerrar Pagina Web y Digitar En Siguiente Cdigo VB:

6) Luego Probar Nuestra Primera Pgina Web Utilizando JavaScript: Resultado:

7) Insertar Una Nueva Pgina Web Y Darle De Nombre: Demo2.Aspx 8) Ahora Ingresar A La Vista De Cdigo y Realizar Las Siguientes Modificaciones Entre Las Etiquetas <Head> </Head>

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

9) Luego Volver A la Etapa de Diseo y Probar Nuestra Pgina Web Utilizando JavaScript: Resultado:

10) Insertar Una Nueva Pgina Web Y Darle De Nombre: Demo3.Aspx 11) Ahora Ingresar A La Vista De Cdigo y Realizar Las Siguientes Modificaciones Entre Las Etiquetas <Head> </Head>

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB


12) Luego Volver A la Etapa de Diseo y Probar Nuestra Pgina Web Utilizando JavaScript: Resultado:

13) Insertar Una Nueva Pgina Web Y Darle De Nombre: Demo4.Aspx 14) Ahora Ingresar A La Vista De Cdigo y Realizar Las Siguientes Modificaciones Entre Las Etiquetas <Head> </Head>

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

15) Luego Volver A la Etapa de Diseo y Probar Nuestra Pgina Web Utilizando JavaScript: Resultado:

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB


16) Insertar Una Nueva Pgina Web Y Darle De Nombre: Demo5.Aspx 17) Ahora Ingresar A La Vista De Cdigo y Realizar Las Siguientes Modificaciones Entre Las Etiquetas <Head> </Head>

18) Luego Volver A la Etapa de Diseo y Probar Nuestra Pgina Web Utilizando JavaScript: Resultado:

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

10

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB


19) Insertar Una Nueva Pgina Web Y Darle De Nombre: Demo6.Aspx Realizar El Siguiente Diseo: (Utilizar Tablas Categora De Control - HTML)

20) Ahora Ingresar A La Vista De Cdigo y Realizar Las Siguientes Modificaciones Entre Las Etiquetas <Head> </Head>

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

11

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

21) Luego Volver A la Etapa De Diseo, E Ingresar A La Pgina Web En El Evento Page Load y Digitar En Siguiente Cdigo VB:

22) Ahora Ejecutar Nuestra Pgina Web y Probar Las Validaciones Hechas En JavaScript, Para Que Solo Admita Letras, Nmeros y Valide El Formato De Fechas.

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

12

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB


23) Insertar Una Nueva Pgina Web Y Darle De Nombre: Demo7.Aspx Realizar El Siguiente Diseo: (Utilizar Tablas Categora De Control - HTML)

24) Ingresar A La Etapa De Codificacin Visual y Declarar Las Siguientes Variables A Utilizar:

25) Ingresar A La Pgina Web En El Evento Page Load y Digitar En Siguiente Cdigo VB:

26) Ingresar Al DropDownList Mes (DDLMES) Evento: SelectedIndexChanged

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

13

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

14

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com

DESARROLLO Y DISEO WEB

27) Ingresar Al DropDownList Mes (DDLAO) Evento: SelectedIndexChanged

28) Realizar El Siguiente Cambio De Propiedades Para Los Controles DDLAO y DDLMES:

29) Finalmente Probar Nuestra Pgina Web y Probar Las Fechas Normales y Validar El Ao Bisiesto:

Resultado:

Prof: Mauico Flores, Roly Mvil: 9-8508-4014

15

Developer of Windows and Web Applications E-Mail: Roly_1587@Hotmail.com