JavaScript avanzado JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES
|
|
|
- María del Rosario Guzmán Jiménez
- hace 7 años
- Vistas:
Transcripción
1 JavaScript avanzado JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES
2 Objetivos Conocer eventos adicionales como onfocus, onblur, onmouseover, onmouseout y onload Análisis de las principales propiedades y uso del objeto window. Entender la utilidad de JavaScript a través del uso de archivos externos. Comprender la sintaxis y la forma de programar orientado a objetos en JavaScript Conocer la manera de definir varias clases en JavaScript. FCC-BUAP 2
3 Eventos onfocus y onblur, I El evento onfocus se dispara cuando el objeto toma foco y el evento onblur cuando el objeto pierde el foco. Ejemplo: Implementar un formulario que solicite el nombre y la edad de una persona. Cuando el control tome foco borrar el contenido actual, al abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío. Mostrar en las propiedades value de los controles text los mensajes "nombre" y "mail respectivamente. FCC-BUAP 3
4 Eventos onfocus y onblur, II <html> <head></head> <body> <script type="text/javascript"> function vaciar(control) control.value = ''; function verificarentrada(control) if( control.value == ' ) alert('debe ingresar datos'); </script> <form> <input type="text" id="nombre" onfocus="vaciar(this)" onblur="verificarentrada(this)" value="nombre"> <br> <input type="text" id="edad" onfocus="vaciar(this)" onblur="verificarentrada(this)" value="mail"> <br> <input type="button" value="confirmar"> </form> </body> </html> FCC-BUAP 4
5 Eventos onfocus y onblur, III A cada control de tipo TEXT le inicializamos los eventos onfocus y onblur. También cargamos las propiedad value para mostrar un texto dentro del control. Le indicamos, para el evento onfocus la función vaciar, pasando como parámetro la palabra clave this que significa la dirección del objeto que emitió el evento. En la función propiamente dicha, accedemos a la propiedad value y borramos su contenido. Esto nos permite definir una única función para vaciar los dos controles. De forma similar, para el evento onblur llamamos a la función verificarentrada donde analizamos si se ha ingresado algún valor dentro del control, en caso de tener un string vacío procedemos a mostrar una ventana de alerta. FCC-BUAP 5
6 Eventos onmouseover y onmouseout, I El evento onmouseover se ejecuta cuando pasamos la flecha del mouse sobre un elemento HTML y el evento onmouseout cuando la flecha abandona el mismo. Para probar estos eventos implementaremos una página que cambie el color de fondo del documento. Implementaremos una función que cambie el color con un valor que llegue como parámetro. Cuando retiramos la flecha del mouse volvemos a pintar de blanco el fondo del documento: FCC-BUAP 6
7 Eventos onmouseover y onmouseout, II <html> <head></head> <body> <script type="text/javascript"> function pintar(col) document.bgcolor=col; </script> <a href="pagina1.html" onmouseover="pintar('#ff0000')" onmouseout="pintar('#ffffff')">rojo</a>- <a href="pagina1.html" onmouseover="pintar('#00ff00')" onmouseout="pintar('#ffffff')">verde</a>- <a href="pagina1.html" onmouseover="pintar('#0000ff')" onmouseout="pintar('#ffffff')">azul</a> </body> </html> FCC-BUAP 7
8 Eventos onmouseover y onmouseout, III Las llamadas a las funciones las hacemos inicializando las propiedades onmouseover y onmouseout: <a href="pagina1.html" onmouseover="pintar('#ff0000')" onmouseout="pintar('#ffffff')">rojo</a> La función 'pintar' recibe el color e inicializa la propiedad bgcolor del objeto document. function pintar(col) document.bgcolor=col; Otro problema que podemos probar es pinta de color el interior de una casilla de una tabla y regresar a su color original cuando salimos de la misma: FCC-BUAP 8
9 Eventos onmouseover y onmouseout, IV <html> <head></head> <body> <script type="text/javascript"> function pintar(objeto,col) objeto.bgcolor=col; </script> <table border="1"> <tr> <td onmouseover="pintar(this,'#ff0000')" onmouseout="pintar(this,'#ffffff')">rojo</td> <td onmouseover="pintar(this,'#00ff00')" onmouseout="pintar(this,'#ffffff')">verde</td> <td onmouseover="pintar(this,'#0000ff')" onmouseout="pintar(this,'#ffffff')">azul</td> </tr> </table> </body> </html> FCC-BUAP 9
10 Eventos onmouseover y onmouseout, V La lógica es bastante parecida a la del primer problema, pero en éste, le pasamos como parámetro a la función, la referencia a la casilla que queremos que se coloree (this): <td onmouseover="pintar(this,'#ff0000')" onmouseout="pintar(this,'#ffffff')">rojo</td> FCC-BUAP 10
11 Evento onload, I El evento onload se ejecuta cuando cargamos una página en el navegador. Uno de los usos más frecuentes es para fijar el foco en algún control de un formulario, para que el operador no tenga que activar con el mouse dicho control. Este evento está asociado a la marca body. La página completa es: FCC-BUAP 11
12 Evento onload, II <html> <head></head> <body onload="activarprimercontrol()"> <script type="text/javascript"> function activarprimercontrol() document.getelementbyid('nombre').focus(); </script> <form> Ingrese su nombre: <input type="text" id="nombre"><br> Ingrese su edad: <input type="text" id="edad"><br> <input type="button" value="confirmar"> </form> </body> </html> FCC-BUAP 12
13 Evento onload, III En la marca body inicializamos el evento onload con la llamada a la función activarprimercontrol: <body onload="activarprimercontrol()"> La función da el foco al control text donde se cargará el nombre: function activarprimercontrol() document.getelementbyid('nombre').focus(); FCC-BUAP 13
14 El objeto window, I Al objeto window lo hemos estado usando constantemente. Representa la ventana del navegador. window es un objeto global y tiene los siguientes métodos: alert: Muestra un diálogo de alerta con un mensaje (a esta responsabilidad la hemos utilizado desde los primeros temas) prompt: Muestra un diálogo para la entrada de un valor de tipo string (utilizado desde el primer momento) confirm: Muestra un diálogo de confirmación con los botones Confirmar y Cancelar. open y close: abre o cierra una ventana del navegador. FCC-BUAP 14
15 El objeto window, II Podemos especificar el tamaño de la ventana, su contenido, etc. [Variable=][window.]open(URL, nombre, propiedades) Permite crear (y abrir) una nueva ventana. Si queremos tener acceso a ella desde la ventana donde la creamos, deberemos asignarle una variable, sino simplemente invocamos el método: el navegador automáticamente sabrá que pertenece al objeto window. El parámetro URL es una cadena que contendrá la dirección de la ventana que estamos abriendo: si está en blanco la ventana se abrirá con una página en blanco FCC-BUAP 15
16 El objeto window, III Las propiedades son una lista, separada por comas, de algunos de los siguientes elementos: toolbar[=yes no] location[=yes no] directories[=yes no] status[=yes no] menubar[=yes no] scrollbars[=yes no] resizable[=yes no] width=pixels height=pixels FCC-BUAP 16
17 El objeto window, IV Es bueno hacer notar que a todas estas funciones las podemos llamar anteponiéndole el nombre del objeto window, seguida del método o en forma resumida indicando solamente el nombre del método (como lo hemos estado haciendo), esto es posible ya que el objeto window es el objeto de máximo nivel. Ejemplo: valor=window.prompt("ingresa valor",""); valor=prompt( Ingrese valor, ); FCC-BUAP 17
18 El objeto window, V Para reducir la cantidad de caracteres que se tipean normalmente encontraremos los programas tipeados de la segunda forma. El siguiente programa muestra varios de los métodos disponibles del objeto window. <html> <head></head> <body> <script type="text/javascript"> function abrir() var ventana = open(); ventana.document.write("estoy escribiendo en la nueva ventana<br>"); ventana.document.write("segunda linea"); function abrirparametros() var ventana=open('','','status=yes,width=400,height=250,menubar=yes'); ventana.document.write("esto es lo primero que aparece<br>"); FCC-BUAP 18
19 El objeto window, VI function mostraralerta() alert("esta ventana de alerta ya la utilizamos en otros problemas."); function confirmar() var respuesta=confirm("presiona alguno de los dos botones"); if( respuesta == true ) alert("presionaste aceptar"); else alert("presionaste cancelar"); function cargarcadena() var cad = prompt("leer una cadena:",""); alert("ingresaste "+cad); </script> FCC-BUAP 19
20 El objeto window, VII <br> <form> <br> <input type="button" value="open()" onclick="abrir()"> <br> <input type="button" value="open con parametros" onclick="abrirparametros()" > <br> <input type="button" value="alert" onclick="mostraralerta()"> <br> <input type="button" value="confirm" onclick="confirmar()"> <br> <input type="button" value="prompt" onclick="cargarcadena()"> </form> </body> </html> FCC-BUAP 20
21 Propiedad location del objeto window, I El objeto location colabora directamente con el objeto window: Cuando le asignamos una nueva dirección a la propiedad location del objeto window, el navegador redirecciona a dicha página. Implementaremos un pequeño ejemplo para ver la utilidad de esta propiedad: Supongamos que tenemos un hipervínculo que al ser presionado entre al periódico La Jornada, pero primero muestre una ventana de confirmación, si queremos ingresar al periódico. FCC-BUAP 21
22 Propiedad location del objeto window, II FCC-BUAP 22
23 Propiedad location del objeto window, III En caso que el visitante presione el botón afirmativo, redireccionamos al sitio de La Jornada, en caso contrario mostramos un mensaje: <html> <head></head> <body> <script type="text/javascript"> function verificarentrada() if( window.confirm('desea salir del sitio e ingresar al periodico La Jornada?')) window.location = ' else window.alert('no hay problema'); </script> <a href="javascript:verificarentrada()">ingresar a La Jornada</a> </body> </html> FCC-BUAP 23
24 Propiedad location del objeto window, IV Lo primero que tenemos que indicar es que para llamar a una función de JavaScript desde un hipervínculo debemos anteceder la palabra JavaScript seguida de dos puntos y por último, el nombre de la función: <a href="javascript:verificarentrada()">ingresar a La Jornada</a> La función verificarentrada() muestra la ventana con los botones confirmar y cancelar (recordar que el método confirm del objeto window hace esto en forma automática). Si se presiona el botón confirmar, la función confirm retorna true y por lo tanto se ejecuta el verdadero del if: FCC-BUAP 24
25 Propiedad location del objeto window, V if (window.confirm('desea salir del sitio e ingresar al periodico La Jornada?')) window.location = ' '; else window.alert('no hay problema'); FCC-BUAP 25
26 Propiedad history del objeto window, I El objeto history colabora directamente con el objeto window: ver la figura del acetato 22. El objeto history almacena todas las páginas que visitamos. Luego, con una serie de funciones, podemos extraer de la memoria de la computadora las páginas ya visitadas, sin tener que pedirlas nuevamente al servidor. FCC-BUAP 26
27 Propiedad history del objeto window, II Cuenta con las siguientes funciones: window.history.back(); //Retrocede a la página anterior. window.history.forward(); //Avanza a la página siguiente almacenada en el cache window.history.go(); //Avanza o retrocede en la lista de páginas visitadas Llamar a la función back, tiene el mismo comportamiento que presionar el botón "Atrás" del navegador. El siguiente ejemplo nos permite cargar una segunda página y luego retroceder a la primera página sin tener que solicitarla nuevamente al servidor: FCC-BUAP 27
28 Propiedad history del objeto window, III <html> <head> <title>problema</title> <script type="text/javascript"> function avanzar() window.history.go(1); </script> </head> <body> <a href="pagina2.html">ir a la pagina 2</a> <br> <br> <a href="javascript:avanzar()">extraer del cache la segunda pagina</a> </body> </html> FCC-BUAP 28
29 Propiedad history del objeto window, IV En esta primera página, la primera vez, debemos cargar la segunda página seleccionando el hipervínculo pagina2. La segunda página: <html> <head> <title>problema</title> <script type="text/javascript"> function retornar() window.history.go(-1); </script> </head> <body> <a href="javascript:retornar()">retornar</a> </body> </html> FCC-BUAP 29
30 Propiedad history del objeto window, V En la segunda página, mediante el método go y pasándole un valor negativo, retrocedemos a la primera página sin tener la necesidad de recargarla. Podemos mejorar el ejemplo accediendo al atributo length (almacena la cantidad de páginas de la lista) del objeto history: if (window.history.length>0) window.history.go(1); else alert('no hay otra página en la cache hacia adelante'); FCC-BUAP 30
31 Propiedad screen del objeto window, I El objeto screen colabora directamente con el objeto window: ver la figura del acetato 22. El objeto screen ofrece información acerca del monitor donde se está ejecutando el navegador. La propiedades principales del objeto screen son: FCC-BUAP 31
32 Propiedad screen del objeto window, II availheight : El alto de la pantalla en pixeles disponible para el navegador. availwidth : El ancho de la pantalla en pixeles disponible para el navegador. colordepth : Representa el número de bits usados para representar los colores. height : El alto de la pantalla en pixeles. width : El ancho de la pantalla en pixeles. FCC-BUAP 32
33 Propiedad screen del objeto window, III El siguiente programa muestra el valor almacenado en las cinco propiedades que tiene el objeto screen: <html> <head> <title>problema</title> </head> <body> <script type="text/javascript"> document.write('valores de las propiedades del objeto screen:<br>'); document.write('availheight :' + screen.availheight + '<br>'); document.write('availwidth :' + screen.availwidth + '<br>'); document.write('height :' + screen.height + '<br>'); document.write('width :' + screen.width + '<br>'); document.write('colordepth :' + screen.colordepth); </script> </body> </html> FCC-BUAP 33
34 Propiedad screen del objeto window, IV No olvidar que el objeto screen es una propiedad del objeto window, por lo que haber dispuesto la sintaxis: window.screen.width etc. Es la forma más completa, pero más tediosa de escribir (recordar que el objeto window es el principal y lo podemos obviar cuando accedemos a sus propiedades o métodos). FCC-BUAP 34
35 Propiedad navigator del objeto window, I Contiene información sobre el navegador web. La implementación de este objeto varía entre navegadores (IExplorer, FireFox, Opera, etc.). Las propiedades comunes a estos navegadores son: FCC-BUAP 35
36 Propiedad navigator del objeto window, II appname : almacena el nombre oficial del navegador. appversion : almacena la versión del navegador. cookieenabled : almacena si las cookies están activas en el navegador. platform : almacena la plataforma donde el navegador se está ejecutando. plugins : almacena un array de los plugin cargados en el navegador. FCC-BUAP 36
37 Propiedad navigator del objeto window, III <html> <head> <title>problema</title> </head> <body> <script type="text/javascript"> document.write('valores de las propiedades del objeto navigator:<br>'); document.write('appname :' + navigator.appname + '<br>'); document.write('appversion :' + navigator.appversion + '<br>'); document.write('cookieenabled :' + navigator.cookieenabled + '<br>'); document.write('plugins :' + navigator.plugins.length + '<br>'); </script> </body> </html> FCC-BUAP 37
38 Archivos JavaScript externos, I El lenguaje JavaScript permite agrupar funciones y disponerlas en un archivo separado a la página HTML. Esto trae muchos beneficios: Reutilización de funciones en muchos archivos. No tenemos que copiar y pegar sucesivamente las funciones en las páginas en las que necesitamos. Facilita el mantenimiento de las funciones al encontrarse en archivos separados. Nos obliga a ser más ordenados. La mecánica para implementar estos archivos externos en JavaScript es simple: FCC-BUAP 38
39 Archivos JavaScript externos, II 1. Crear un archivo con extensión *.js y editar las funciones en el mismo: function retornarfecha() var fecha = new Date(); var cadena = fecha.getdate()+'/'+(fecha.getmonth()+1)+'/'+fecha.getyear(); return cadena; function retornarhora() var fecha = new Date(); var cadena = fecha.gethours()+':'+fecha.getminutes()+':'+fecha.getseconds(); return cadena; FCC-BUAP 39
40 Archivos JavaScript externos, III 2. Creamos un archivo html que utilizará las funciones contenidas en el archivo *.js: <html> <head> <title>problema</title> <script type="text/javascript" src="funciones.js"></script> </head> <body> <script type="text/javascript"> document.write('la fecha de hoy es:'+retornarfecha()); document.write('<br>'); document.write('la hora es:'+retornarhora()); </script> </body> </html> FCC-BUAP 40
41 Archivos JavaScript externos, IV Es decir debemos disponer del siguiente código para importar el archivo *.js: Mediante la propiedad src indicamos el nombre del archivo a importar. <script type="text/javascript" src="funciones.js"></script> Luego, podemos llamar dentro de la página HTML, a las funciones que contiene el archivo externo *.js; en nuestro ejemplo llamamos a las funciones retornarfecha() y retornarhora(). FCC-BUAP 41
42 Archivos JavaScript externos, V Editar los dos archivos y los almacenamos en una carpeta del disco duro: funciones.js Ejecutamos el archivo html y comprobaremos como se llaman a las funciones contenidas en el archivo js. FCC-BUAP 42
43 POO en JavaScript, I El lenguaje JavaScript no es un lenguaje orientado a objetos completo, pero permite definir clases con sus atributos y responsabilidades. Finalmente nos permite definir objetos de estas clases. Pero el otro pilar de la programación orientada a objetos, es decir la herencia, no está implementada en el lenguaje. Veremos la sintaxis para la declaración de una clase y la posterior definición de objetos a partir de la misma. FCC-BUAP 43
44 POO en JavaScript, II Desarrollaremos una clase que represente un cliente de un banco. La clase cliente tiene como atributos: nombre saldo y las responsabilidades o métodos de la clase son: Constructor (inicializamos los atributos del objeto) depositar extraer FCC-BUAP 44
45 POO en JavaScript, III Luego debemos implementar los siguientes métodos (normalmente el constructor se utiliza el carácter mayúscula): function Cliente(nombre, saldo) this.nombre = nombre; this.saldo = saldo; this.depositar = depositar; this.extraer = extraer; function depositar(dinero) this.saldo = this.saldo+dinero; function extraer(dinero) this.saldo = this.saldo-dinero; FCC-BUAP 45
46 POO en JavaScript, IV El nombre de la clase coincide con el nombre de la función principal que implementamos (también llamado constructor de la clase): function Cliente(nombre, saldo) this.nombre = nombre; this.saldo = saldo; this.depositar = depositar; this.extraer = extraer; A esta función le llegan como parámetro los valores con que queremos inicializar los atributos. FCC-BUAP 46
47 POO en JavaScript, V Con la palabra clave 'this' diferenciamos los atributos de los parámetros (los atributos deben llevar la palabra clave this). this.nombre = nombre; this.saldo = saldo; También en el constructor inicializamos la referencia a todos los métodos que contendrá la clase (esto es muy importante y necesario para entender porque las otras dos funciones pertenecen a esta clase): this.depositar = depositar; this.extraer = extraer; FCC-BUAP 47
48 POO en JavaScript, VI Por último, implementamos todos los métodos de la clase: function depositar(dinero) this.saldo = this.saldo+dinero; function extraer(dinero) this.saldo = this.saldo-dinero; De nuevo recordemos que diferenciamos los atributos de la clase por la palabra clave this. FCC-BUAP 48
49 POO en JavaScript, VII Ahora veamos el archivo HTML completo donde además definiremos un objeto de la clase planteada: <html> <head> <title>problema</title> <script type="text/javascript"> function Cliente(nombre,saldo) this.nombre = nombre; this.saldo = saldo; this.depositar = depositar; this.extraer = extraer; function depositar(dinero) this.saldo = this.saldo+dinero; function extraer(dinero) this.saldo = this.saldo-dinero; </script> FCC-BUAP 49
50 POO en JavaScript, VIII </head> <body> <script type="text/javascript"> var cliente1 = new Cliente('diego',1200); document.write('nombre del cliente:'+cliente1.nombre+'<br>'); document.write('saldo actual:'+cliente1.saldo+'<br>'); cliente1.depositar(120); document.write('saldo luego de depositar $ >'+cliente1.saldo+'<br>'); cliente1.extraer(1000); document.write('saldo luego de extraer $ >'+cliente1.saldo+'<br>'); </script> </body> </html> Hemos dividido la declaración de la clase en un bloque JavaScript distinto a donde definimos un objeto de la misma, esto no es obligatorio, pero podemos ver que queda más claro. FCC-BUAP 50
51 POO en JavaScript, IX Para definir un objeto de la clase Cliente tenemos: var cliente1; cliente1 = new Cliente('diego',1200); Luego las llamadas a métodos le antecedemos el nombre del objeto llamado cliente1: document.write('nombre del cliente:'+cliente1.nombre+'<br>'); document.write('saldo actual:'+cliente1.saldo+'<br>'); cliente1.depositar(120); document.write('saldo luego de depositar $ >'+cliente1.saldo+'<br>'); cliente1.extraer(1000); document.write('saldo luego de extraer $ >'+cliente1.saldo+'<br>'); FCC-BUAP 51
52 POO en JavaScript, X Podemos decir que la ventaja que podemos obtener con el planteamiento de las clases es hacer nuestros programas mucho más organizados, entendibles y fundamentalmente, poder reutilizar clases en distintos proyectos. FCC-BUAP 52
53 Definición de varias clases, I En JavaScript podemos definir varias clases en un mismo programa. Vamos a desarrollar un programa que contenga dos clases. Plantearemos una clase Numeroquiniela que representa una persona que elige un número de quiniela y además registra su nombre, la clase tiene por objetivo la lectura mediante el teclado del número deseado. Por otra parte crearemos una clase Seleccion que sortee un valor aleatorio entre 1 y 10 (que representa el valor extraído de la seleccion). FCC-BUAP 53
54 Definición de varias clases, II La codificación de las dos clases es: <html> <head> <title>problema</title> <script type="text/javascript"> //clase Numeroquiniela function Numeroquiniela(nombre) this.nombre = nombre; this.cargarnumero = cargarnumero; this.verificarsigano = verificarsigano; function cargarnumero() this numero = prompt("que numero de quiniela deseas?",""); FCC-BUAP 54
55 Definición de varias clases, III function verificarsigano(num) if (this.numero==num) return true; else return false; //clase Selección function Seleccion() this.numero=-1; this.sortear=sortear; function sortear() this.numero=parseint(math.random()*10)+1; </script> </head> FCC-BUAP 55
56 Definición de varias clases, IV <body> <script type="text/javascript"> var numeroquiniela1 = new Numeroquiniela("Pedro"); numeroquiniela1.cargarnumero(); var numeroquiniela2 = new Numeroquiniela("Angelica"); numeroquiniela2.cargarnumero(); var seleccion = new Seleccion(); seleccion.sortear(); document.write('numero sorteado:' + seleccion.numero + '<br>'); document.write(numeroquiniela1.nombre + ' eligio ' + numeroquiniela1.numero +'<br>'); document.write(numeroquiniela2.nombre + ' eligio ' + numeroquiniela2.numero +'<br>'); if (numeroquiniela1.verificarsigano(seleccion.numero)) document.write(numeroquiniela1.nombre + ' ha ganado <br>'); FCC-BUAP 56
57 Definición de varias clases, V if (numeroquiniela2.verificarsigano(seleccion.numero)) document.write(numeroquiniela2.nombre + ' ha ganado <br>'); </script> </body> </html> Al constructor de la clase Numeroquiniela le llega como parámetro el nombre de la persona que la compra (podíamos cargarlo por teclado al nombre también). Al número que selecciona lo cargamos por teclado. La clase Numeroquiniela además tiene otra responsabilidad, que es avisarnos si a ganado según el número sorteado. Por otro lado en la página html definimos dos objetos de la clase Numeroquiniela y uno de la clase Seleccion. FCC-BUAP 57
Manejo de eventos en JavaScript WEB-TECHNOLOGIES
Manejo de eventos en JavaScript JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Entender el uso de Formularios y Eventos con JavaScript. Visualizar la importancia de delegar el manejo de eventos al
Introducción a JSON JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES
Introducción a JSON JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Conocer el origen, la utilidad y las bases sintácticas que dieron lugar a JSON. Entender las diferencias de notación entre XML y
Clase 3: Repaso POO. DSIW1:Ing. Tomás Eduardo Urbina 1
DSIW1:Ing. Tomás Eduardo Urbina 1 Declaración de una clase y creación de un objeto. La programación orientada a objetos se basa en la programación de clases; a diferencia de la programación estructurada,
JavaScript. El programa en JavaScript debe ir encerrado entre la marca script e inicializada la propiedad type con la cadena text/javascript:
JavaScript JavaScript (desarrollado por Netscape), es una de las múltiples maneras que han surgido para extender las capacidades del lenguaje HTML (lenguaje para el diseño de páginas de Internet). Es un
Denominación: PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS WEB. Código: UF1305
UNIDAD FORMATIVA 1 Denominación: PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS WEB. Código: UF1305 1. Metodología de la programación 1.1Lógica de programación. 1.1.1Descripción y utilización de operaciones
Resolución de la incompatibilidad entre los navegadores. Utilización de una vasta cantidad de plugins creados por otros desarrolladores.
jquery JQuery es una biblioteca de JavaScript cross-browser desarrollada para simplificar los scripts del lado del cliente que interactúan con HTML. Esta fue lanzada en enero de 2006 en el BarCamp de Nueva
CONTROLES FORMULARIOS PRIMERA PARTE
CONTROLES FORMULARIOS PRIMERA PARTE Acceder a los formularios de una página a través de su nombre Acceder a los formularios de una página a través de su nombre (atributo name) o a través de su atributo
SOLUCIONES EJERCICIOS DOM HTML
SOLUCIONES EJERCICIOS DOM HTML Supongamos que tenemos un hipervínculo que al ser presionado entre al periódico El Pais, pero primero muestre una ventana de confirmación, si queremos ingresar al periódico.
PHP orientado a objetos:
PHP orientado a objetos: La mayoría de los lenguajes de programación modernos son orientados a objetos (abreviado OO) o en su defecto se aproximan mucho a éstos permitiendo algunas de sus características
JavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.
1 JavaScript 1.1 Qué es JavaScript? JavaScript es un lenguaje interpretado. Es idóneo para trabajar en Web, ya que son los navegadores que utilizamos los que interpretan (y por tanto ejecutan) los programas
Lenguajes de Script. Qué son los Lenguajes de Script?
JavaScript (I) 1 Lenguajes de Script Qué son los Lenguajes de Script? Scritps de cliente: son programas que pueden acompañar a un documento HTML o bien ir incrustados en él. Un lenguaje de script es un
Node.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella
Node.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella Contenido Objetivo Introducción Operadores Tipos de datos Funciones Networking armpower.blogs.upv.es 2 Objetivo Aprender a instalar Node.js Conocer
Temario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
Universidad Autónoma de Baja California Escuela de Pedagogía Lenguaje de Programación Javascript Básico
1. Introducción Qué es Javascript? Javascript provee interactividad a páginas HTML. Es un lenguaje interpretado. No requiere licencia. Es reconocido por los principales browsers como Netscape y Explorer.
Primer Script sencillo
SCRIPTS El lenguaje para describir páginas, HTML, queda limitado a la hora de definir cualquier tipo de interactividad. Necesitamos aprender algún lenguaje nuevo para hacer pequeños efectos o interactividades.
Desarrollo de Aplicaciones Web con PHP. Javier Enciso
Desarrollo de Aplicaciones Web con PHP Javier Enciso Agenda Hojas de Estilos Qué es CSS? Para qué sirve? Cómo funciona? Ejemplos Validación de Formularios Fundamentos de JavaScript Utilización de JavaScript
Condicionales. Comparación. Combinación
Condicionales Cuando hay que tomar una decisión aparecen las estructuras condicionales. En nuestra vida diaria se nos presentan situaciones donde debemos decidir: Entro al sitio A o al sitio B?, etc. Cuando
Índice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13
Índice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13 1.1 Evolución Y CARACTERísticas de LOS navegadores Web...14 1.2 ARQUITECTURA de ejecución...17 1.3 Lenguajes
<script type="text/javascript" src="miscript.js"></script>
13. Applets, JavaScript y XML 13.6 JavaScript Objetivos GeoGebra suministra diversos métodos que posibilitan la interacción de JavaScript con el applet de la construcción. Aquí veremos de forma muy breve,
Modelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2004-2005 Índice Introducción Modelo de Netscape Cómo acceder a un formulario DLSI - Universidad
Características de JavaScript
Características de JavaScript Qué es JavaScript? o Lenguaje de programación interpretado utilizado fundamentalmente para dotar de comportamiento dinámico a las páginas web. o Cualquier navegador web actual
EVENTOS PRIMERA PARTE
EVENTOS PRIMERA PARTE JavaScript es un lenguaje "orientado a eventos", esto quiere decir que está preparado para responder a acciones del navegante, cosas que ocurran en el navegador, etc. (a eso es a
El programa en JavaScript debe ir encerrado entre la marca script e inicializada la propiedad type con la cadena text/javascript:
Javascript Qué es JavaScript? Es un lenguaje de scripting (Código interno en las páginas HTML) necesario para los elaboradores de sitios Web, mediante el cual se puede hacer que las páginas sean activas
INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL
INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL Para poder realizar este ejercicio necesitamos la base de datos, para esto abriremos el gestor de bases de datos Mysql Empezaremos con crear la base de datos con
1. Haz que se muestre una pantalla de alerta con tu nombre. 2. Repite el ejercicio anterior pero usando una variable para guardar tu nombre
1. Haz que se muestre una pantalla de alerta con tu nombre alert("carlos Guerrero"); 2. Repite el ejercicio anterior pero usando una variable para guardar tu nombre Crea una variable para almacenar el
Creemos una GUI para la siguiente tabla de la base de datos.
Consideración en el diseño de una GUI: Debe ser intuitiva Definir los modos de interacción: Flexibles y adecuados Dar opciones de interrumpir una acción, volver a ejecutar una acción Pasos repetidos: macros
Las Matemáticas en Secundaria con Software Libre. GeoGebra - Interacción con JavaScript. Daniel López Avellaneda
Las Matemáticas en Secundaria con Software Libre Daniel López Avellaneda dani@lubrin.org GeoGebra - Interacción con JavaScript Manual para el curso organizado por: CEP Cuevas-Olula +CEP El Ejido +CEP Almería
De que forma se pueden crear aplicativos de software en lenguajes de programación en entorno web? VARIABLES ESTRUCTURAS DE CONTROL - FUNCIONES
PREGUNTA PROBLEMATIZADORA: De que forma se pueden crear aplicativos de software en lenguajes de programación en entorno web? VARIABLES VARIABLES ESTRUCTURAS DE CONTROL - FUNCIONES Una variable es un espacio
Unidad Didáctica 9. Comportamientos
Unidad Didáctica 9 Comportamientos Contenido 1. Introducción 2. Abrir ventana de navegador 3. Mensaje emergente 4. Validar formularios U.D. 9 Comportamientos 1. Introducción Los comportamientos son acciones
Curso de JavaScript y DOM Scripting para Desarrollo Web
Curso de JavaScript y DOM Scripting para Desarrollo Web Descripción: Hoy en día, los usuarios de Internet esperan que los sitios Web proporcionen funcionalidades avanzadas, interfaces de usuario dinámicas
escuela técnica superior de ingeniería informática
Versión original: Pablo Fernández (noviembre 2006) Actualización: P. Fernandez. Cambios menores en animaciones (Noviembre 2009) Tiempo: 2h escuela técnica superior de ingeniería informática HTML dinámico:
Programa. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
BOM. Browser Object Model
1 BOM Browser Object Model INTRODUCCIÓN El BOM o Browser Object Model, permite acceder y modificar las propiedades de las ventanas del propio navegador. Es posible redimensionar y mover la ventana del
6º Unidad Didáctica. Javascript. Eduard Lara
6º Unidad Didáctica Javascript Eduard Lara 1 ÍNDICE 6.1 Lenguajes de script 6.2 Sintaxis de Javascript 6.3 Variables, funciones y operadores 6.4 Estructuras de control de flujo 6.5 Objetos predefinidos
IF ELSE, IF ELSE IF JAVASCRIPT. CONDICIONALES DEL FLUJO O ESTRUCTURAS DE DECISIÓN. EJEMPLOS. EJERCICIOS. (CU01119E)
APRENDERAPROGRAMAR.COM IF ELSE, IF ELSE IF JAVASCRIPT. CONDICIONALES DEL FLUJO O ESTRUCTURAS DE DECISIÓN. EJEMPLOS. EJERCICIOS. (CU01119E) Sección: Cursos Categoría: Tutorial básico del programador web:
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Qué es HTML? HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en la pantalla de acuerdo
JAVA. L.I Gerardo Benavides Pérez
JAVA L.I Gerardo Benavides Pérez ORIENTADA A OBJETOS POO EN JAVA EXISTEN UNA FUERTE VINCULACIÓN DE CLASES CADA CLASE PUEDE TENER ACTIVIDADES DIFERENTES EN JAVA NO EXISTEN FUNCIONES, SE LLAMAN MÉTODOS CLASE
De esta manera, cuando el usuario rellena un campo cómo el siguiente... <input type="text" name="telefono"> </form>
TIPS FORMULARIOS PHP Al enviar un formulario HTML, los datos són enviados al servidor Web y este es capaz de procesarlos y realizar un seguido de acciones en función de los datos introducidos, los datos
Introducción a Lenguajes Scripts Desarrollo Plataforma Web/Programación Web Ing. Tomás Eduardo Urbina. Lenguajes de script
Lenguajes de script Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta dentro del documento HTML. Este código se ejecuta en el navegador del usuario al cargar la página,
JavaScript Básico. Elementos Básicos: Comentarios: Literales: Valores que puede tomar una variable o una constante.
Javascript (II) 1 Elementos Básicos: Comentarios: Para una línea // Esto es un Comentario Para un bloque /*......... */ Literales: Valores que puede tomar una variable o una constante. Ejemplos: "Soy una
DESCARGAR E INSTALAR EL NAVEGADOR. VENTAJAS DE GOOGLE CHROME. FIREFOX, TAMBIÉN ENTRE LOS MEJORES (CU00710B)
APRENDERAPROGRAMAR.COM DESCARGAR E INSTALAR EL NAVEGADOR. VENTAJAS DE GOOGLE CHROME. FIREFOX, TAMBIÉN ENTRE LOS MEJORES (CU00710B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde
MANUAL DE MACROS EXCEL 2010
MANUAL DE MACROS EXCEL 2010 1 CONTENIDO 1-COMO GRABAR UNA MACRO------------------------------------------------------------------------------------3 2-COMO EJECUTAR UNA MACRO QUE YA EXISTE-------------------------------------------------------------5
Introducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 5: JavaScript: expresiones regulares y el Modelo de Objetos de Documento 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.
PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB.
DATOS IDENTIFICATIVOS DE LA UNIDAD FORMATIVA UNIDAD FORMATIVA PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB. Especifica Código UF1305 Familia profesional INFORMÁTICA Y COMUNICACIONES Área
Formularios dinámicos
Formularios dinámicos En general, si necesitamos ejecutar una tarea interactiva de un diagrama de proceso de negocios, debemos contar en nuestra KB con un objeto transacción o un webpanel, para asociarlo
FORMULARIOS JAVASCRIPT: EJEMPLOS DE DOCUMENT.FORMS Y ELEMENTS. ACCESO DIRECTO A FORMULARIOS Y CAMPOS CON ID Y NAME (CU01175E)
APRENDERAPROGRAMAR.COM FORMULARIOS JAVASCRIPT: EJEMPLOS DE DOCUMENT.FORMS Y ELEMENTS. ACCESO DIRECTO A FORMULARIOS Y CAMPOS CON ID Y NAME (CU01175E) Sección: Cursos Categoría: Tutorial básico del programador
Manual de usuario del sistema de reserva de salas
Pontificia Universidad Católica de Chile Manual de usuario del sistema de reserva de salas UCRD - VRA TABLA DE CONTENIDOS 1. INTRODUCCIÓN...1-1 1.1 Propósito...1-1 1.2 Aplicabilidad...1-1 1.3 Documentación
Tutorial de enlace entre Formulario Web y Servicio Web REST. Programación en Internet
Tutorial de enlace entre Formulario Web y Servicio Web REST Programación en Internet Angel Manuel Gamaza Domínguez José Miguel Otte Sainz-Aguirre Grado en Ingeniería Informática 20 de septiembre de 2016
Word 2010 Manejo de archivos
Word 2010 Manejo de archivos Contenido CONTENIDO... 1 MANEJO DE ARCHIVOS... 2 WORD WEB APPS MANEJO DE ARCHIVOS... 7 1 Manejo de archivos Word nos permite crear un nuevo documento en blanco de las siguientes
Ejemplo actividad tarea - Moodle. 1 - Veamos a continuación el ejemplo de creación de una actividad de tipo tarea, para esto activamos edición.
Ejemplo actividad tarea - Moodle 1 - Veamos a continuación el ejemplo de creación de una actividad de tipo tarea, para esto activamos edición. 2 - Nos ubicamos en la sección en la que deseamos publicarla
Texto en movimiento. <MARQUEE> Texto que se desplaza </MARQUEE>
Texto en movimiento Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc. Marquesinas (Marquees)
Actualización de la Base de Datos - Business Components
Actualización de la Base de Datos - Business Components Hasta el momento hemos visto que las transacciones permiten a los usuarios, ingresar, modificar y eliminar datos, en las tablas de la base de datos
CREAR OBJETOS JAVASCRIPT CON THIS Y NEW. EJEMPLOS PARA ENTENDER QUÉ SON LOS OBJETOS Y PARA QUÉ SIRVEN. (CU01143E)
APRENDERAPROGRAMAR.COM CREAR OBJETOS JAVASCRIPT CON THIS Y NEW. EJEMPLOS PARA ENTENDER QUÉ SON LOS OBJETOS Y PARA QUÉ SIRVEN. (CU01143E) Sección: Cursos Categoría: Tutorial básico del programador web:
proceso de LIMPIEZA DE cache
proceso de LIMPIEZA DE cache Como parte de nuestro compromiso con nuestros clientes, para que tengan una agradable experiencia de trabajo en nuestra agencia, hemos desarrollado el presente mini tutorial
Scripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Funciones anidadas Funciones (avanzado) A partir de JavaScript 1.2 y ECMAScript v3, se pueden definir funciones anidadas Aunque podamos definir funciones
OPEN OFFICE: Unidad 3
UNIDAD 3: BARRA DE HERRAMIENTAS Es la barra de símbolos que aparece vertical a la izquierda del monitor, si no se visualiza actívala en Ver Barra de símbolos Barra de herramientas. 3.1. Tablas Las tablas
Figura 9.1 Estados Reposo, Sobre, Presionado y Zona activa de un botón. 9.2 Usar un botón de una Biblioteca común
Capítulo 9 Botones 9.1 Qué es un botón? L os botones son clips de películas interactivos de 4 fotogramas. Cuando se selecciona el comportamiento botón para un símbolo, Flash crea un símbolo con una línea
UNIDAD 10. LAS CONSULTAS DE ACCIÓN
UNIDAD 10. LAS CONSULTAS DE ACCIÓN Las consultas de acción son consultas que permiten realizar cambios en los datos almacenados en una tabla. Con estas consultas podemos crear una nueva tabla a partir
BEHAVIOUR : INVOCATION BETWEEN OBJECTS
BEHAVIOUR : INVOCATION BETWEEN OBJECTS En este video nos detendremos en las opciones que tenemos al invocar desde un objeto a otro con interfaz. Veremos que podemos hacer la invocación, especificando en
TEMA 2: SEGURIDAD EN LA NAVEGACIÓN Zonas de Seguridad
TEMA 2: SEGURIDAD EN LA NAVEGACIÓN 2.1. Zonas de Seguridad Las páginas que pueden abrirse con el navegador tienen componentes activos que podrían dañar nuestro equipo al ejecutar o instalar en él programas
Índice. Fundamentos de Desarrollo de Aplicaciones Web en J2EE. JavaScript básico. Qué es JavaScript? Para qué es bueno JavaScript?
Fundamentos de Desarrollo de Aplicaciones Web en J2EE JavaScript básico Dpto. de Ingeniería de Sistemas Telemáticos http://www.gsi.dit.upm.es/moodle/course/category.php?id=1 Qué es JavaScript? Integración
Identificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor.
MÓDULO 2. Introducción Después de conocer los conceptos básicos sobre el lenguaje de programación HTML, en este módulo identificaremos la estructura de una página Web y lo haremos revisando el lenguaje
Diseño de Aplicaciones Web: JavaScript Marzo de 2015 Diseño de Aplicaciones Web 1
: JavaScript 1 Características JavaScript es un lenguaje de programación interpretado. El código está empotrado en la página HTML Permite la generación de páginas dinámicas Se puede utilizar tanto en el
JavaScript. El modelo de objetos. Tecnologías web 17. El modelo de objetos de JavaScript. Los objetos del navegador. Los objetos del navegador
JavaScript Tecnologías web 17 El modelo de objetos El modelo de objetos de JavaScript En JavaScript los objetos pueden ser considerados colecciones de propiedades (los atributos, su contenido) y métodos
Programación páginas web con PHP
Programación páginas web con PHP Duración: 65 horas Objetivos: Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript y la programación de la parte
Instalación de OpenOffice.org 2.0 DISEÑO DE PRESENTACIONES EN LA ENSEÑANZA
DISEÑO DE PRESENTACIONES EN LA ENSEÑANZA Instalación de OpenOffice.org 2.0 1 Para comenzar a trabajar lo primero que tenemos que hacer es instalar la suite OpenOffice.org. Podemos hacernos de ella a través
HTML Dinámico. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15
HTML Dinámico Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Motivación Añadir capacidades de interacción a las páginas web. Ejemplo: validación
Unidad I - INTRODUCCIÓN AL HTML. Profesor: Marcos Tulio Jerez Bastidas. Barinas, abril 2015
República Bolivariana de Venezuela Universidad Nacional Experimental de los Llanos Occidentales Ezequiel Zamora Programa de Ingeniería, Arquitectura y Tecnología Subproyecto de Algoritmo y Programación
TUTORIAL SOBRE HOJAS DE CALCULO
TUTORIAL SOBRE HOJAS DE CALCULO Octubre de 2007 Página 1 de 12 Tabla de contenido Hojas de Cálculo...3 Software a utilizar y entorno de trabajo...3 Crear una hoja de cálculo...3 Características de las
Estructura repetitiva while
Estructura repetitiva while Hasta ahora hemos empleado estructuras SECUENCIALES y CONDICIONALES. Existe otro tipo de estructuras tan importantes como las anteriores que son las estructuras REPETITIVAS.
GUIA DE TRABAJO CON EL EDITOR DE VISUAL BASIC DE LA FICHA PROGRAMADOR
GUIA DE TRABAJO CON EL EDITOR DE VISUAL BASIC DE LA FICHA PROGRAMADOR Al hacer clic en la ficha programador de Excel se activa la ficha correspondiente Al hacer clic sobre el botón de Visual Basic, del
Tutorial de Python orientado a objetos
Tutorial de Python orientado a objetos En la primera llave creamos una clase llamada Gelantia. En la primera parte def init (self, tam, color, sabor): definimos las características del objeto. En la segunda
1.- CREACIÓN DE CONSULTAS.
1.- CREACIÓN DE CONSULTAS. Una consulta permite efectuar preguntas acerca de la información almacenada en las tablas. En una consulta se pueden obtener datos de una tabla e incluso de varias tablas, por
Ingeniería Web. Navegadores Web. Fernando Barraza A.
Ingeniería Web Navegadores Web Fernando Barraza A. fbarraza@javerianacali.edu.co Que es un navegador Un navegador, navegador red o navegador web (del inglés, web browser) es una aplicación de software
MANUAL DE USUARIO. Portal de Autoservicios de los Trabajadores de la SEP. Código : GTI-DDS-PO-001/050. Nombre del documento: Manual de Usuario
Página: 1 de 21 MANUAL DE USUARIO Portal de Autoservicios de los Trabajadores de la Página: 2 de 21 INGRESO AL SISTEMA 3 RECUPERAR CONTRASEÑA 7 1. COMPROBANTES DE PAGO 9 1.1 Impresión comprobante pago
Es la estructura que permite ejecutar los comandos solamente si se cumple una determinada condición. La sintaxis más usual:
Más scripts de Shell Además de las herramientas para manejo de variables que se explicaron anteriormente, el shell nos permite utilizar herramientas para manejo de ciclos y para estructuras condicionales,
Ejemplo Actividad wiki - Moodle
Ejemplo Actividad wiki - Moodle En este punto es necesario tener en cuenta que para realizar wikis colaborativo es necesario conformar grupos de forma que cada grupo tenga disponible un espacio para crear
2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web.
2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web. INTERNET En 1969, el Departamento de Defensa de E.U construyo
2.4 Luego, en la pestaña superior al lado de la barra del menú, elegir Desarrollador de aplicaciones
PASO 2: PREPARAR LA PANTALLA PARA EL DESPLIEGUE DE LOS DATOS 2.1 Desde la pantalla inicial de DW, pestaña Crear nuevo, elegir PHP 2.2 Una vez dentro de DW, hacer clic en la opción Sitio, luego elegir Administrar
HTML Dinámico: JavaScript. HTML Dinámico: JavaScript
escuela técnica superior de ingeniería informática HTML Dinámico: JavaScript Departamento de Lenguajes Software Noviembre 2004 Cliente web HTTP TCP/IP Servidor de aplicaciones SQL Servidor de datos Validación
Cómo manejar el editor HTML de Moodle?
Cómo manejar el editor HTML de Moodle? El editor HTML nos permite agregar textos, imágenes, videos y audios, entre otras posibilidades. Cada vez que entramos a alguno de los recursos para Agregar una actividad
Unidad IV. Este tipo de codificación nos es permitido gracias a la sobrecarga, la cual se aplica a métodos y constructores.
Unidad IV Métodos. 4.1 Definición de un método. El polimorfismo, en programación orientada a objetos, se refiere a la posibilidad de acceder a un variado rango de funciones distintas a través del mismo
TALLER # 6 ACCESS FORMULARIOS
TALLER # 6 ACCESS FORMULARIOS Los formularios sirven para definir la presentación de los registros, en esta presentación se pueden editar los registros de una tabla o consulta. Para crear un formulario
UNIDAD 9 COMBINAR CORRESPONDENCIA
UNIDAD 9 COMBINAR CORRESPONDENCIA COMPETIC 3 TEXTOS Qué es la combinación de correspondencia Mediante la opción Combinar correspondencia se pueden incluir en un documento, datos almacenados en otro sitio.
MANUAL DE USUARIO PARA EL SISTEMA DE INFORMACIÓN
MANUAL DE USUARIO PARA EL SISTEMA DE INFORMACIÓN ACADEMIA LOCAL DE CISCO CÚCUTA, NORTE DE SANTANDER Tabla de contenido CÓMO ACCEDER AL SISTEMA DE INFORMACIÓN?... 2 PÁGINA PRINCIPAL... 3 INICIAR SESIÓN...
MATERIA: TECNOLOGIA DE LA INFORMACION Y LAS COMUNICACIONES II DOCENTE: ING. MAYNOR GUILLERMO REYNADO RIVAS. UNIVERSIDAD TECNICA LATINOAMERICANA
UNIVERSIDAD TECNICA LATINOAMERICANA MATERIA: TECNOLOGIA DE LA INFORMACION Y LAS COMUNICACIONES II DOCENTE: ING. MAYNOR GUILLERMO REYNADO RIVAS. LABORATORISTA: MARVIN MORÁN. Universidad Técnica Latinoamericana
Expresiones y operadores Las expresiones y operadores (son iguales a las usadas en C, C++ o Java) pueden ser: aritméticos, lógicos o relacionales.
1 Script: Es archivo de órdenes o archivo de procesamiento por lotes es un programa usualmente simple, que por lo regular se almacena en un archivo de texto plano. Los script son casi siempre interpretados.
Sesión 10 Integración cliente/servidor
Sesión 10 Integración cliente/servidor Objetivo Desarrollar aplicaciones web que interactúen de forma eficiente y eficaz en su desempeño en el modelo cliente/servidor. En esta sesión Figura 1. Mapa de
Actualización de la Base de Datos - Business Components
Actualización de la Base de Datos - Business Components Hasta el momento hemos visto que las transacciones permiten a los usuarios, ingresar, modificar y eliminar datos, en las tablas de la base de datos
Servicio de Notificaciones Electrónicas y Dirección Electrónica Habilitada
Servicio de Notificaciones Electrónicas y Dirección Electrónica Habilitada Apartado Postal Electrónico Manual de configuración para sistemas MAC Abril 2011 Versión: Abril 2011 Página 1 de 20 Índice de
COMUNICACIÓN ENTRE EL CLIENTE Y SERVIDOR SIN PHP Y CON PHP. INTÉRPRETE PHP Y GESTOR DE BASES DE DATOS (CU00804B)
APRENDERAPROGRAMAR.COM COMUNICACIÓN ENTRE EL CLIENTE Y SERVIDOR SIN PHP Y CON PHP. INTÉRPRETE PHP Y GESTOR DE BASES DE DATOS (CU00804B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP
REDIRECCIONAR Y RECARGAR WEBS CON JAVASCRIPT. WINDOW.LOCATION. HREF, HOSTNAME, ASSIGN, RELOAD, REPLACE. (CU01171E)
APRENDERAPROGRAMAR.COM REDIRECCIONAR Y RECARGAR WEBS CON JAVASCRIPT. WINDOW.LOCATION. HREF, HOSTNAME, ASSIGN, RELOAD, REPLACE. (CU01171E) Sección: Cursos Categoría: Tutorial básico del programador web:
Catálogo en Línea Ayuda para Usuarios Registrados con Cuenta Magix
Catálogo en Línea Ayuda para Usuarios Registrados con Cuenta Magix Abril de 2007 Ingresar en el Catálogo en Línea (catalogo.uahurtado.cl), datos de usuario y contraseña de cuenta Magix, presionar Ingresar.
Universidad Nacional del Santa FACULTAD DE INGENIERIA E.A.P. Ingeniería de Sistemas e Informática NETBEANS 7.0 MI PRIMER PROYECTO
Universidad Nacional del Santa FACULTAD DE INGENIERIA E.A.P. Ingeniería de Sistemas e Informática NETBEANS 7.0 MI PRIMER PROYECTO El NetBeans es un entorno de desarrollo integrado que permite crear aplicaciones
Unidad Didáctica 5: Introducción a la Programación Orientada a Objetos
Unidad Didáctica 5: Introducción a la Programación Orientada a Objetos o Clases o Estructuras con funciones miembros. o Definición de una clase. o Constructores. o Tipos de constructores. o Sobrecarga
DESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 4: Programación con funciones, arrays y objetos definidos por el usuario Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier
JavaScript III. JavaScript, la POO y el DOM
JavaScript III JavaScript, la POO y el DOM Tablas HTML Crear una tabla es una tarea tediosa, por la gran cantidad de nodos de tipo elemento y de tipo texto que se deben crear dentro del DOM. DOM para HTML
Aprender a desarrollar con JavaScript
Presentación del lenguaje JavaScript 1. Definición e histórico rápido 11 2. Requisitos previos para un aprendizaje sencillo del lenguaje 13 3. Herramientas necesarias 14 4. Posicionamiento de JavaScript
Práctica 4: Mi agenda personal
Práctica 4: Mi agenda personal Objetivo: En esta práctica se introducirá en la utilización de JavaScript para dotar de interactividad nuestras páginas web. Se evaluará el uso de arrays, funciones y demás
Ejemplos prácticos de JavaScript sin utilizar jquery
Ejemplos prácticos de JavaScript sin utilizar jquery Dar forma a un portal web requiere del uso de varias tecnologías. Entre ellas podemos destacar PHP, HTML, CSS o JavaScript. Cada una de ellas tiene