Práctica No. 6. Manejo de Eventos con Javascript
|
|
|
- Francisca Torregrosa Maidana
- hace 6 años
- Vistas:
Transcripción
1 Práctica No. 6. Manejo de Eventos con Javascript Preparación del Entorno Descargar de la página web los archivos del Servidor Apache Tomcat Instalar, agregar y arrancar el servidor Descargar e importar el proyecto contenido en el archivo ManejoEventosBase.zip Se creará un directorio en WEB-INF con el nombre js para agregar diversos archivos en javascript. Para que se reconozcan las rutas de los archivos, se modificará el archivo de configuración de Spring. controlador-servlet.xml <?xml version="1.0" encoding="utf-8"?> <beans xmlns=" xmlns:mvc=" xmlns:context=" xmlns:xsi=" xsi:schemalocation=" <context:component-scan basepackage="uam.tdaw.eventos.controladores" /> </beans> <bean id="viewresolver" class="org.springframework.web.servlet.view.urlbasedviewresolver"> <property name="viewclass" value="org.springframework.web.servlet.view.jstlview" /> <property name="prefix" value="/jsp/" /> <property name="suffix" value=".jsp" /> </bean> <mvc:resources mapping="/recursos/**" location="/web-inf/"/> <mvc:annotation-driven /> Esto indica que cualquier invocación a la ruta recursos se redireccionará directamente a /WEB-INF/ 1
2 Probando la carga de un archivo javascript Se probará que al seleccionar un radio button, se muestre una alerta. Para esto es necesario indicar la ruta de un archivo de Javascript eventosradiobuttons.jsp page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> uri=" prefix="c"%> taglib uri=" prefix="tag"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <script src="<c:url value="/recursos/js/alerta.js" />"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <h1>eventos con Radio Buttons</h1> <tag:form action="leeropcionradiobuttons" method="post" modelattribute="opcionradiobutton"> <tag:radiobutton path="clave" value="${opciondefecto.clave" label="${opciondefecto.nombre" checked="checked" onclick="unaalertasencilla()"/> <tag:radiobuttons items="${listadeopciones" itemvalue="clave" itemlabel="nombre" path="clave" onclick="unaalertasencilla()"/> <tag:button> Enviar Selección</tag:button> </tag:form> <a href="menuprincipal">regresar al Menú Principal</a> </body> </html> Se agrega una etiqueta para indicar una url: uri=" prefix="c"%> 2
3 Posteriormente, se agrega el evento onclick a cada radio button para que al dar clic en él, se invoque a la función unaalertasencilla() que se encuentra en el archivo alerta.js alerta.js function unaalertasencilla() { alert("esta es una alerta Sencilla"); Recuperando un valor seleccionado A continuación se recuperará el valor de un elemento al dar clic en él, para eso se creará una nueva función en el archivo alerta.js alerta.js function recuperandoeldato(seleccionado) { alert("el valor es " + seleccionado.value); Aquí se recibe un parámetro seleccionado del cuál se obtiene el valor a través del atributo value eventosradiobutton.jsp <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <%@taglib uri=" prefix="c"%> <%@ taglib uri=" prefix="tag"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <script src="<c:url value="/recursos/js/alerta.js" />"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <h1>eventos con Radio Buttons</h1> <tag:form action="leeropcionradiobuttons" method="post" modelattribute="opcionradiobutton"> <tag:radiobutton path="clave" value="${opciondefecto.clave" label="${opciondefecto.nombre" checked="checked" onclick="recuperandoeldato(this)"/> 3
4 <tag:radiobuttons items="${listadeopciones" itemvalue="clave" itemlabel="nombre" path="clave" onclick="recuperandoeldato(this)"/> <tag:button> Enviar Selección</tag:button> </tag:form> <a href="menuprincipal">regresar al Menú Principal</a> </body> </html> Se agregará una función similar al manejo con listas de selección, para esto se realizará en un nuevo archivo javascript llamado pasandoparametros.js. pasandoparametros.js function recuperandoparametros(seleccionado) { alert("el valor es " + seleccionado.value); Sin embargo, la mayoría de los navegadores, no reconoce la opción onclick en un elemento option dentro de select, por lo que se utilizará la propiedad onchange dentro de select eventoslistas.jsp <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <%@taglib uri=" prefix="c"%> <%@ taglib uri=" prefix="tag"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="<c:url value="/recursos/js/pasandoparametros.js" />"></script> <title>insert title here</title> </head> <body> <h1>eventos con Listas</h1> <tag:form action="leeropcionlistas" method="post" modelattribute="continente"> 4
5 <tag:select path="clavecontinente" onchange="recuperandoparametros(this)"> <tag:options items="${listacontinentes" itemvalue="clavecontinente" itemlabel="nombrecontinente"/> </tag:select> <tag:button>enviar Selección</tag:button> </tag:form> <a href="menuprincipal">regresar al Menú Principal</a> </body> </html> Ahora se mandará este parámetro a un controlador sin tener que presionar el botón de enviar, para esto se modificará el archivo JS. pasandoparametros.js function recuperandoparametros(seleccionado) { document.getelementbyid("formalistas").submit(); Es necesario indicar el id de la forma en la vista correspondiente. <tag:form action="leeropcionlistas" method="post" modelattribute="continente" id="formalistas"> Esto envía los datos al método que atrapa la invocación al action. Será necesario realizar modificaciones para que presente la vista con el elemento seleccionado. public ModelAndView capturaropcioneslistas(@modelattribute("continente") Continente continente){ System.out.println("Se registró el continente: " + continente.getclavecontinente()); ModelAndView modelo = new ModelAndView("eventosListas"); AdministrarListas administrar = new AdministrarListas(); LinkedList<Continente>lista = administrar.listacontinenentes(); LinkedList<Continente>listaContinentes = administrar.marcaseleccionado(lista,continente.getclavecontinente()); modelo.addobject("listacontinentes", listacontinentes); modelo.addobject("continente", continente); return modelo; 5
6 Se agrega el método para marcar al elemento que ha sido seleccionado. AdministrarListas.java public LinkedList<Continente>marcaSeleccionado(LinkedList<Continente>lista, String clave){ for(int i=0;i<lista.size();i++){ Continente aux = lista.get(i); if(aux.getclavecontinente().compareto(clave)==0){ lista.get(i).setseleccionado(true); return lista; También es necesario realizar modificaciones a la vista eventoslistas.jsp <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <%@taglib uri=" prefix="c"%> <%@ taglib uri=" prefix="tag"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="<c:url value="/recursos/js/pasandoparametros.js" />"></script> <title>insert title here</title> </head> <body> <h1>eventos con Listas</h1> <tag:form action="leeropcionlistas" method="post" modelattribute="continente" id="formalistas"> <tag:select path="clavecontinente" onchange="recuperandoparametros(this)"> <c:foreach items="${listacontinentes" var="clavecontinente"> <c:if test="${clavecontinente.seleccionado==true"> <tag:option value="${clavecontinente.clavecontinente" label="${clavecontinente.nombrecontinente" selected="true"/> </c:if> <c:if test="${clavecontinente.seleccionado==false"> 6
7 <tag:option value="${clavecontinente.clavecontinente" label="${clavecontinente.nombrecontinente"/> </c:if> </c:foreach> </tag:select> <tag:button>enviar Selección</tag:button> </tag:form> <a href="menuprincipal">regresar al Menú Principal</a> </body> </html> En la clase Continente se agrega el atributo para saber si es el elemento seleccionado Continente.java package uam.tdaw.eventos.clases; public class Continente { private String nombrecontinente; private String clavecontinente; private boolean seleccionado; public String getnombrecontinente() { return nombrecontinente; public void setnombrecontinente(string nombrecontinente) { this.nombrecontinente = nombrecontinente; public String getclavecontinente() { return clavecontinente; public void setclavecontinente(string clavecontinente) { this.clavecontinente = clavecontinente; public boolean isseleccionado() { return seleccionado; public void setseleccionado(boolean seleccionado) { this.seleccionado = seleccionado; 7
8 Se agregará una manera de avanzar al presionar el botón para que no se esté cargando siempre la misma vista. pasandoparametros.js function recuperandoparametros(seleccionado) { document.getelementbyid("formalistas").submit(); function avanzarboton(){ document.getelementbyid("txtavanzar").value=1; Se agrega un nuevo manejador de eventos al botón <tag:button onclick="avanzarboton()">enviar Selección</tag:button> Es necesario agregar un nuevo atributo a la clase Continente para leer el parámetro a ser utilizado como una bandera. Continente.java package uam.tdaw.eventos.clases; public class Continente { private String nombrecontinente; private String clavecontinente; private boolean seleccionado; private int avanzar; public String getnombrecontinente() { return nombrecontinente; public void setnombrecontinente(string nombrecontinente) { this.nombrecontinente = nombrecontinente; public String getclavecontinente() { return clavecontinente; public void setclavecontinente(string clavecontinente) { this.clavecontinente = clavecontinente; public boolean isseleccionado() { return seleccionado; public void setseleccionado(boolean seleccionado) { this.seleccionado = seleccionado; public int getavanzar() { 8
9 return avanzar; public void setavanzar(int avanzar) { this.avanzar = avanzar; Se agrega el manejo de la bandera en el controlador correspondiente. public ModelAndView capturaropcioneslistas(@modelattribute("continente") Continente continente){ System.out.println("Se registró el continente: " + continente.getclavecontinente()); if(continente.getavanzar()==0){ ModelAndView modelo = new ModelAndView("eventosListas"); AdministrarListas administrar = new AdministrarListas(); LinkedList<Continente>lista = administrar.listacontinenentes(); LinkedList<Continente>listaContinentes = administrar.marcaseleccionado(lista,continente.getclavecontinente()); modelo.addobject("listacontinentes", listacontinentes); modelo.addobject("continente", continente); return modelo; else{ return null; En este caso no se avanza a ninguna vista, pero podría llamarse a cualquiera de las vistas ya establecidas. Solo falta ocultar la caja de texto para que no sea visible. <tag:hidden path="avanzar" id="txtavanzar"/> 9
10 Listas Dependientes La primer lista, la de los Continentes, tendrá un manejo similar al de la vista de las listas, incluyendo el manejo de banderas en el controlador, por lo que se agregará esta DestinoFrm.java package uam.tdaw.eventos.formas; public class DestinoFrm { private String clavecontinente; private String clavepais; private int avanzar; public String getclavecontinente() { return clavecontinente; public void setclavecontinente(string clavecontinente) { this.clavecontinente = clavecontinente; public String getclavepais() { return clavepais; public void setclavepais(string clavepais) { this.clavepais = clavepais; public int getavanzar() { return avanzar; public void setavanzar(int avanzar) { this.avanzar = avanzar; Se creará un nuevo archivo de javascript en el directorio js llamado listasdependientes.js listasdependientes.js function recuperandocontinente() { document.getelementbyid("txtavanzar").value=0; document.getelementbyid("formalistasdependientes").submit(); function avanzarboton(){ document.getelementbyid("txtavanzar").value=1; 10
11 Se agrega la funcionalidad para manejar la primera lista en el controlador. public ModelAndView DestinoFrm destino){ System.out.println("Se registró el continente: " + destino.getclavecontinente()); if(destino.getavanzar()==0){ ModelAndView modelo = new ModelAndView("eventosListasDependientes"); AdministrarListas administrar = new AdministrarListas(); LinkedList<Continente>lista = administrar.listacontinenentes(); LinkedList<Continente>listaContinentes = administrar.marcaseleccionado(lista,destino.getclavecontinente()); modelo.addobject("listacontinentes", listacontinentes); modelo.addobject("datosdestino", destino); return modelo; else{ return null; Se agrega la funcionalidad para cargar los países dependiendo el continente seleccionado. public ModelAndView capturaropcioneslistasdependientes(@modelattribute("datosdestino") DestinoFrm destino){ System.out.println("Se registró el continente: " + destino.getclavecontinente()); if(destino.getavanzar()==0){ ModelAndView modelo = new ModelAndView("eventosListasDependientes"); AdministrarListas administrar = new AdministrarListas(); 11
12 LinkedList<Continente>lista = administrar.listacontinenentes(); LinkedList<Continente>listaContinentes = administrar.marcaseleccionado(lista,destino.getclavecontinente()); LinkedList<Pais> listapaises = administrar.listapaises(destino.getclavecontinente()); modelo.addobject("listacontinentes", listacontinentes); modelo.addobject("listapaises", listapaises); modelo.addobject("datosdestino", destino); return modelo; else{ return null; Se agrega a la vista la presentación de la segunda lista. EventosListasDependientes.jsp <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <%@ taglib uri=" prefix="tag"%> <%@taglib uri=" prefix="c"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="<c:url value="/recursos/js/listasdependientes.js" />"></script> <title>insert title here</title> </head> <body> <h1>eventos con Listas Dependientes</h1> <tag:form action="leeropcionlistasdependientes" method="post" modelattribute="datosdestino" id="formalistasdependientes"> <tag:select path="clavecontinente" onchange="recuperandocontinente()"> <c:foreach items="${listacontinentes" var="clavecontinente"> 12
13 <c:if test="${clavecontinente.seleccionado==true"> <tag:option value="${clavecontinente.clavecontinente" label="${clavecontinente.nombrecontinente" selected="true"/> </c:if> <c:if test="${clavecontinente.seleccionado==false"> <tag:option value="${clavecontinente.clavecontinente" label="${clavecontinente.nombrecontinente"/> </c:if> </c:foreach> </tag:select> <tag:select path="clavepais"> <tag:options items="${listapaises" var="datospais" itemvalue="clave" itemlabel="nombre"/> </tag:select> <tag:hidden path="avanzar" id="txtavanzar"/> <tag:button onclick="avanzarboton()">enviar Selección</tag:button> </tag:form> <a href="menuprincipal">regresar al Menú Principal</a> </body> </html> Con esto ya se tiene la funcionalidad de que al seleccionar un continente, se presentan los países que corresponden a cada uno de ellos, sin embargo, esto todavía puede mejorarse. Se manejarán dos opciones: Se hará que al presentar la pantalla, se carguen los datos correspondientes al primer elemento, en este caso del continente Americano. Para esto es necesario realizar la carga en cuanto se presenta la pantalla, por lo que se agrega la siguiente instrucción a la vista. eventoslistasdependientes.jsp <body onload="cargainicial()"> Esto indica que al cargar el cuerpo, se invoque a la función cargainicial() 13
14 listasdependientes.js function cargainicial(){ document.getelementbyid("formalistasdependientes").submit(); Sin embargo esto ciclaría la invocación de la página, por lo que se agregará el manejo de una bandera que indique cuando es necesario realizar nuevamente la carga de la página y cuando no. listasdependientes.js function cargainicial(){ var bandera = document.getelementbyid("txtbandera").value; if(bandera == 0) document.getelementbyid("formalistasdependientes").submit(); Es necesario modificar la vista, el controlador y la forma. eventoslistasdependientes.js <tag:hidden path="avanzar" id="txtavanzar"/> <tag:input path="bandera" id="txtbandera" value="${txtbandera"/> DestinoFrm.java package uam.tdaw.eventos.formas; public class DestinoFrm { private String clavecontinente; private String clavepais; private int avanzar; private int bandera; public String getclavecontinente() { return clavecontinente; public void setclavecontinente(string clavecontinente) { this.clavecontinente = clavecontinente; public String getclavepais() { return clavepais; public void setclavepais(string clavepais) { this.clavepais = clavepais; public int getavanzar() { return avanzar; public void setavanzar(int avanzar) { 14
15 this.avanzar = avanzar; public int getbandera() { return bandera; public void setbandera(int bandera) { this.bandera = bandera; public ModelAndView capturaropcioneslistasdependientes(@modelattribute("datosdestino") DestinoFrm destino){ System.out.println("Se registró el continente: " + destino.getclavecontinente()); if(destino.getavanzar()==0){ ModelAndView modelo = new ModelAndView("eventosListasDependientes"); AdministrarListas administrar = new AdministrarListas(); LinkedList<Continente>lista = administrar.listacontinenentes(); LinkedList<Continente>listaContinentes = administrar.marcaseleccionado(lista,destino.getclavecontinente()); LinkedList<Pais> listapaises = administrar.listapaises(destino.getclavecontinente()); modelo.addobject("listacontinentes", listacontinentes); modelo.addobject("listapaises", listapaises); modelo.addobject("txtbandera",1); modelo.addobject("datosdestino", destino); return modelo; else{ System.out.println("Se registró el país: " + destino.getclavepais()); return null; 15
16 En este caso se indica que si la bandera es igual a 0, se realiza la invocación, de otra manera, no se hace, por lo que cada carga tras seleccionar un Continente solo despliega la nueva vista una vez y se elimina el ciclo. Solo resta ocultar la caja de texto de la bandera. eventoslistasdependientes.js <tag:hidden path="bandera" id="txtbandera" value="${txtbandera"/> Esto permite que en cuanto se muestra la vista, se tiene seleccionado un elemento y se presentan los elementos correspondientes en la lista dependiente. Otra opción es presentar una selección por defecto y ocultar la lista dependiente hasta el momento en que se seleccione una opción válida. Para esto se agrega la opción al inicio de la lista. eventoslistadependientes.js <tag:option value="def" label="selecciona el Continente"/> <c:foreach items="${listacontinentes" var="clavecontinente"> <c:if test="${clavecontinente.seleccionado==true"> <tag:option value="${clavecontinente.clavecontinente" label="${clavecontinente.nombrecontinente" selected="true"/> </c:if> <c:if test="${clavecontinente.seleccionado==false"> <tag:option value="${clavecontinente.clavecontinente" label="${clavecontinente.nombrecontinente"/> </c:if> </c:foreach> Se identifica la lista principal. eventoslistasdependientes.js <tag:select path="clavecontinente" onchange="recuperandocontinente(this)" id="listacontinente"> Se implementa la funcionalidad para solo enviar el valor al controlador si no se ha seleccionado la opción por defecto. listadependientes.js function recuperandocontinente(seleccionado) { document.getelementbyid("txtavanzar").value=0; var comparacion = seleccionado.value.localecompare("def"); if( comparacion!= 0){ 16
17 document.getelementbyid("formalistasdependientes").submit(); else{ document.getelementbyid('listapaisesdiv').style.display = "none"; Se ocultará el elemento utilizando una hoja de estilos, por lo que se creará el directorio css en WEB- INF. Se creará un archivo llamado ocultar.css ocultar.css #listapaisesdiv{ display:none; Se invoca a un elemento llamado listapaisesdiv que se ocultará de manera inicial, es necesario crear este contenedor en la vista que encierre a la lista y adicionalmente a una leyenda. eventoslistasdependientes.jsp <div id="listapaisesdiv"> <h2>selecciona el País</h2> <tag:select path="clavepais"> <tag:options items="${listapaises" var="datospais" itemvalue="clave" itemlabel="nombre"/> </tag:select> </div> Es necesario incluir el archivo de estilos en la vista. eventoslistasdependientes.js <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="<c:url value="/recursos/js/listasdependientes.js" />"></script> <link rel="stylesheet" type="text/css" href="<c:url value="/recursos/css/ocultar.css" />" /> <title>insert title here</title> </head> Se agrega la funcionalidad para cambiar estilos en el archivo js dependiendo el valor seleccionado en la primer lista. 17
18 listasdependientes.js function recuperandocontinente(seleccionado) { document.getelementbyid("txtavanzar").value=0; var comparacion = seleccionado.value.localecompare("def"); if( comparacion!= 0){ document.getelementbyid("formalistasdependientes").submit(); else{ document.getelementbyid('listapaisesdiv').style.display = "none"; listasdependientes.js function cargainicial(){ var seleccionado = document.getelementbyid("listacontinente").value; var comparacion = seleccionado.localecompare("def"); if(comparacion!=0){ document.getelementbyid("listapaisesdiv").style.display = "block"; De esta manera tras cada recarga, si no se ha selecciona la opción por defecto, se muestra la lista dependiente. 18
Introducción a JSF con NetBeans
Introducción a JSF con NetBeans Créditos Yann Arthur Nicolas yannart@gmail.com www.merlinsource.com Objetivo Crear una primera aplicacion con JSF utilizando los tags para JSP y un ManagedBean, entender
4. DESARROLLO WEB CON JAVA JSP & SERVLETS
4. DESARROLLO WEB CON JAVA JSP & SERVLETS La programación de aplicaciones web sobre la especificación de JSP y Servlets es un subconjunto de la plataforma Java EE. Existen muchas formas de estructurar
Agosto. Un primer JSP. Guía rápida. [ h t t p : / / w w w. o p e n b o x e r. 2 6 0 m b. c o m / j a v a. p h p ]
![Agosto. Un primer JSP. Guía rápida. [ h t t p : / / w w w. o p e n b o x e r. 2 6 0 m b. c o m / j a v a. p h p ]](/thumbs/25/5233557.jpg "Agosto. Un primer JSP. Guía rápida. [ h t t p : / / w w w. o p e n b o x e r. 2 6 0 m b. c o m / j a v a. p h p ]")
Agosto 09 Un primer JSP Guía rápida [ h t t p : / / w w w. o p e n b o x e r. 2 6 0 m b. c o m / j a v a. p h p ] Un Primer JSP Guía rápida Este documento te guiará por los primeros pasos para desarrollar
PASO 1: Creamos un nuevo proyecto en NetBeans. Nos vamos a File y pulsamos sobre New Project
PASO 1: Creamos un nuevo proyecto en NetBeans. Nos vamos a File y pulsamos sobre New Project PASO 2: En categorías seleccionamos Java Web y en projects Web Application. PASO 3: En el siguiente paso debemos
Introducción n a Java EE: JSP
Introducción n a Java EE: Departamento Lenguajes escuela técnica superior ingeniería informática Versión original: Amador Durán y Ramón Mel (marzo 2007) Tiempo: 1h Grupo Ingeniería a l Software Abril 2007
FORMULARIOS EN HTML. OPCIONES. CASILLAS DE VERIFICACIÓN CHECKBOX. BOTONES DE RADIO. LISTAS DE OPCIONES SELECT, OPTGROUP, OPTION.
APRENDERAPROGRAMAR.COM FORMULARIOS EN HTML. OPCIONES. CASILLAS DE VERIFICACIÓN CHECKBOX. BOTONES DE RADIO. LISTAS DE OPCIONES SELECT, OPTGROUP, OPTION. (CU00723B) Sección: Cursos Categoría: Tutorial básico
Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web
La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo
Conexión de Mysql con NetBeans
Alumna: Keren Monge Cid Materia: Web Application Development Maestro: Alejandro S. Álvarez Cifuentes Grupo: 3CM2 2do Departamental Conexión de Mysql con NetBeans Objetivo Realizar un programa que realice
JSP. MSc. Daniel Alejandro Yucra Sotomayor Pag. - 1 - Web Services. Laboratorio Nro. 11. Web Services con JAX-WS con MySQL. I. Competencia General:
Laboratorio Nro. 11 Web Services con JAX-WS con MySQL I. Competencia General: Mostrar la capacidad que tienen los web services cuando se combinan con componen como una base de datos en MySQL. II. Definiendo
Introducción al desarrollo web (idesweb) - 3 a ed.
Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 7: JavaScript, Modelo de Objetos de Documento y cookies 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.
Identidad Corporativa de ICM 1 TABLA DE CONTENIDO... 2 2 INTRODUCCIÓN... 3 3 COMPONENTES NECESARIOS... 3
Uso de la librería DWR en aplicaciones ICM Área de Arquitectura de Aplicaciones 1 TABLA DE CONTENIDO 1 TABLA DE CONTENIDO... 2 2 INTRODUCCIÓN... 3 3 COMPONENTES NECESARIOS... 3 3.1 Librería DWR...3 3.1.1
Tutorial 4. Aplicaciones Web con NetBeans 5.0
Tutorial 4 Aplicaciones Web con NetBeans 5.0 Creación de un Proyecto Para crear un programa de consola en Java utilizando NetBeans 5.0 lo primero que hay que hacer es crear un proyecto. Un proyecto nos
Elementos sintácticos de una JSP.
1 JSP's Una JSP es un documento de texto parecido a HTML que describe como procesar una petición para crear una respuesta. Permiten separar la generación de interfaz de usuario (HTML) de la lógica de negocio.
Figura 7-1 Enlace para instalar el servidor web Apache Jakarta Tomcat 4.1.12.
Unidad 7 Servlets 7.1 Marco teórico Lo que permite que ordenadores remotos con procesadores y sistemas operativos diferentes se entiendan y en definitiva que Internet funcione como lo hace en la actualidad,
4. CODIFICACIÓN. Previo a la codificación además de instalar las respectivas herramientas es. importante tenerlas bien configuradas.
4. CODIFICACIÓN 4.1 Instalación Previo a la codificación además de instalar las respectivas herramientas es importante tenerlas bien configuradas. Instalamos Lenguaje de programación Java TM 2 Platform
JAV JA A V S A C S R C I R P I T
JAVASCRIPT Introducción Introducción JavaScript es un lenguaje de programación que se utiliza principalmente para crear paginas web dinámicas. i Una pagina web dinámica incorpora efectos en el texto, animaciones,
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
Java EE JavaServer Pages (JSP)
Java EE JavaServer Pages (JSP) Aplicaciones Web/Sistemas Web Juan Pavón Mestras Dep. Ingeniería del Software e Inteligencia Artificial Facultad de Informática Universidad Complutense Madrid Material bajo
2- Formularios y JavaScript Course: Developing web- based applica=ons
2- Formularios y JavaScript Course: Developing web- based applica=ons Cris*na Puente, Rafael Palacios 2010- 1 Creación de formularios Formularios Un formulario HTML es una sección de un documento que contiene
ISJu: Técnicas de Programación Cartilla Teórica-Práctica 2014. Instalación del "Eclipse IDE for Java EE Developers" y el servidor "Apache Tomcat"
Unidad 6: Servlets Instalación del "Eclipse IDE for Java EE Developers" y el servidor "Apache Tomcat" "Eclipse IDE for Java EE Developers" Para desarrollar aplicaciones que se ejecuten en un servidor web
Manual de MVC: (3) Los objetos View. Escrito por: Eugenia Bahit (Arquitecta GLAMP & Agile Coach) Redes sociales: Twitter / Identi.
Hackers & Developers Magazine Año 0, Número 3 32 Manual de MVC: (3) Los objetos View MANUAL DE MVC En el capítulo anterior, vimos como identificar los diferentes tipos de sustituciones que desde las vistas
PRACTICA JSP SEMANA 2 Login.html usuario: password: XML: HTML y XHTML. Sergio Luján Mora XML-03
XML: HTML y XHTML Sergio Luján Mora sergio.lujan@ua.es XML-03 Vídeo de esta presentación Puedes ver esta presentación en vídeo: http://www.youtube.com/watch?v=edtgmwvngjs XHTML es el lenguaje de marcado
Universidad de Chile - Magister Artes Mediales ARTE / INTERNET. Clase 4: HTML
Universidad de Chile - Magister Artes Mediales ARTE / INTERNET Clase 4: HTML UNIDADES WEB html {} css lenguaje de las paginas web lenguaje de estilos visuales (){} js php lenguaje interactivo del
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
Manual de uso del Taglib de Template Saga
1 Manual de uso del Taglib de Template Saga www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado
Primeros pasos con JavaServer Faces usando Eclipse
Primeros pasos con JavaServer Faces usando Eclipse Este tutorial ayuda a dar los primeros pasos con el absolutamente nuevo framework JavaServer Faces (JSF). Una aplicación de ejemplo (una biblioteca) será
Introducción a los servicios web 2012 Marcelino Rodríguez Suárez http://www.marce.com Un servicio web publica su descripción en un documento XML en
Introducción a los servicios web 2012 Marcelino Rodríguez Suárez http://www.marce.com Un servicio web publica su descripción en un documento XML en lenguaje WSDL. De esta forma es conocido y utilizado
Escribir código HTML en los servlets es tedioso. que hay que utilizar las instrucciones print, println, etc. Es decir, HTML está dentro de java.
Java Server Pages Dr. Raúl Pérez Introducción Escribir código HTML en los servlets es tedioso y se presta a equivocarse fácilmente debido a que hay que utilizar las instrucciones print, println, etc. Es
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:
Java Servlets. Luis Fernando Llana Díaz. 17 de abril de 2006. Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Departamento de Sistemas Informáticos y Programación Universidad Complutense de Madrid de abril de 00 input, output En pascal input, output program holamundo (input, output); var nombre : String; begin
En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea
HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir
La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.
PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación
CAPÍTULO 1. MI PRIMERA APLICACIÓN...
CONTENIDO PRÓLOGO... XIX CAPÍTULO 1. MI PRIMERA APLICACIÓN... 1 FORMULARIOS... 3 BIBLIOTECA JFC... 5 ESTRUCTURA DE UNA APLICACIÓN... 6 Compilar y ejecutar la aplicación... 10 DISEÑO DE LA INTERFAZ GRÁFICA...
Manual de v2cms v2cms v1.01
Manual de v2cms v2cms v1.01 Introducción v2cms es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo. El mismo permite una
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:
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
Técnicas de visualización
Técnicas de visualización LENGUAJE HTML Máster en Tecnologías de la Información Geográfica Laboratori d Informació Geogràfica i de Teledetecció (LIGIT) Departament de Geografia. UAB Anna Jiménez Introducción
MANUAL DE IMPLEMENTACIÓN SITIO WEB OBSERVATORIO CULTURAL
MANUAL DE IMPLEMENTACIÓN SITIO WEB OBSERVATORIO CULTURAL ÍNDICE 3 UN VISTAZO GENERAL 4 MÓDULOS DISPONIBLES 5 INSTALACIÓN DE MÓDULOS 5 Requisitos para la instalación del sitio web Observatorio Cultural
Aplicaciones Web Mg. Abril Saire Peralta
FORMULARIOS EN HTML Los formularios son interfaces interactivas que permiten a los usuarios interactuar con la página WEB a través del ingreso o captura de datos de los visitantes. A través de los formularios
Desarrollo de aplicaciones web con LAMP.NET (Linux,Apache,Mono y PostgreSQL) Parte III de III
Desarrollo de aplicaciones web con LAMP.NET (Linux,Apache,Mono y PostgreSQL) Parte III de III Por Martin Marquez Configurando las aplicaciones web (web applications) en el servidor
Librería Estándar de Etiquetas JSP (JSTL JSP Standard Tag Library)
Librería Estándar de Etiquetas JSP (JSTL JSP Standard Tag Library) La Librería Estándar de Etiquetas JSP (JSTL) es una especificación complementaria que amplía el conjunto básico de etiquetas JSP. La especificación
USO DE CRYSTALREPORTS 10 EN JAVA Versión 1.0
USO DE CRYSTALREPORTS 10 EN JAVA Versión 1.0 Agosto 2007 Página: 1 INDICE 1 INTRODUCCION... 3 2 CREACIÓN DEL INFORME... 4 3 LIBRERÍA CrystalReports2_0... 7 4 CrystalReportAccion... 7 4.1 Ejemplo genérico...
Guía de Usuario Portal de Facturación Electrónica
Guía de Usuario Portal de Facturación Electrónica 1. Facturación sin registro 2. Registro de usuario 3. Facturación con registro 4. Reimpresión de Facturas 5. Facturación en tienda 6. Configuración de
DESARROLLO ORGANIZACIONAL EVALUACIÓN DEL DESEMPEÑO
DESARROLLO ORGANIZACIONAL EVALUACIÓN DEL DESEMPEÑO La aplicación Evaluación del Desempeño le permite llevar un adecuado control de las evaluaciones de desempeño realizadas al personal de su empresa. Este
DESARROLLO ORGANIZACIONAL CLIMA LABORAL
DESARROLLO ORGANIZACIONAL CLIMA LABORAL La aplicación Clima Laboral le permite llevar un adecuado control de las invitaciones de las encuestas de clima laboral así como de los diferentes elementos que
MANUAL DE CREACION DE FORMULARIOS PARTE 1. Este manual tiene como finalidad explicar como se pueden crear los formularios sencillos de un proyecto.
MANUAL DE CREACION DE FORMULARIOS PARTE 1 Este manual tiene como finalidad explicar como se pueden crear los formularios sencillos de un proyecto. Para esto crearemos un proyecto llamado ejemplo (c:/appserv/www/ejemplo/)
La vista: ActionForms y taglibs propias
La vista: ActionForms y taglibs propias Índice 1 ActionForms..2 1.1 Introducción. 2 1.2 El ciclo de vida de un ActionForm.. 3 1.3 Cómo definir un ActionForm..3 1.4 Tipos de datos del ActionForm: conversión
Curso JAVA EE 7 2016
Curso JAVA EE 7 2016 Curso de Java EE 7 PC CARRIER 29 de marzo de 2016 Autor: Marc Revenga Esquinas Curso JAVA EE 7 2016 Curso de Java EE 7 Clase 1. Aplicaciones web Java EE. Configuración del servidor
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
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:
Boletín I de ASP.Net. Conceptos básicos.
con Herramientas Visuales. Curso 06/07. 1 / 6 Boletín I de ASP.Net. Conceptos básicos. El objetivo de este boletín es introducirnos en ASP.Net, para ello el primer paso que vamos a dar es crear una aplicación
Requisitos. Universidad ORT Arquitectura de Software
Requisitos Java Development Kit (JDK) 1.5 o superior NetBeans IDE 6.5 o superior JBoss Application Server 4.2.x o 5.x.x Variable de entorno JAVA_HOME apuntando al directorio de instalación de la JDK 1
INGENIERÍA DEL SOFTWARE. 4º ING. INFORMÁTICA (UPV/EHU) 14 de SEPTIEMBRE de 2006
INGENIERÍA DEL SOFTWARE. 4º ING. INFORMÁTICA (UPV/EHU) 14 de SEPTIEMBRE de 2006 NOMBRE: GRUPO: Las dos primeras preguntas son de test. Es obligatorio marcar las respuestas correctas usando un bolígrafo
OPERADOR CONDICIONAL TERNARIO TIPO IF CON INTERROGACIÓN (JAVASCRIPT, JAVA, ETC.) Y DOS PUNTOS. EJEMPLOS (CU01152E)
APRENDERAPROGRAMAR.COM OPERADOR CONDICIONAL TERNARIO TIPO IF CON INTERROGACIÓN (JAVASCRIPT, JAVA, ETC.) Y DOS PUNTOS. EJEMPLOS (CU01152E) Sección: Cursos Categoría: Tutorial básico del programador web:
Práctica Desarrollo de Aplicaciones Avanzadas con Tecnología JAVA. Convocatoria de Septiembre
Práctica Desarrollo de Aplicaciones Avanzadas con Tecnología JAVA. Convocatoria de Septiembre La práctica es obligatoria y necesaria para poder aprobar la asignatura en la convocatoria de septiembre. Deberá
Juan Ramón Pérez Pérez
Juan Ramón Pérez Pérez El API de Google Maps te permite incrustar Google Maps en tus propias páginas web mediante JavaScript. El API proporciona: Utilidades para manipular los mapas Añadir contenido al
Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com
Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite
Manual para la creación de plantillas para wodpress
Manual para la creación de plantillas para wodpress Creado por Enrique Martínez Para http://www.tutorialesenvideo.net Estructura Base de archivos de una Plantilla WordPress Para crear una plantilla debemos
TEMA 3: ASPECTO DE LA APLICACIÓN
TEMA 3: ASPECTO DE LA APLICACIÓN 1. MASTER PAGES Y CONTENT PAGES (Viene del tema http://www.ua.es/es/servicios/si/documentacion/net_c/intro_master_pages.html) Para insertar una Master Page acudir a WebSite
TEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Cada vez que la misma computadora solicita una página pg con un browser, junto con la solicitud el browser envía la cookie al servidor.
Cookies 1 Que son las cookies? Una cookie es una variable almacenada por el servidor en la computadora del cliente. Cada vez que la misma computadora solicita una página pg con un browser, junto con la
WSDL (Web Service Defini/on Language)
WSDL WSDL (Web Service Defini/on Language) Autodescripción del Servicio Web h"p://www.w3.org/tr/wsdl Lenguaje para la descripción estándar de un Servicio Web. Tecnología XML que estandariza la representación
DESARROLLO DE APLICACIONES WEB Introducción a Java Server Faces
DESARROLLO DE APLICACIONES WEB Introducción a Java Server Faces 1. Objetivo: Introducir los conceptos relacionados con la construcción de aplicaciones Web Java basadas en Java Server Faces 2.x. 2. Prerrequisitos:
PHP 7 Desarrollar un sitio web dinámico e interactivo
Preámbulo 1. Objetivo del libro 11 2. Breve historia de PHP 12 3. Dónde conseguir PHP? 13 4. Convenciones de escritura 14 Introducción a PHP 1. Qué es PHP? 15 2. Estructura básica de una página PHP 17
RECLUTAMIENTO Y SELECCIÓN DE PERSONAL PROCESOS DE RECLUTAMIENTO
RECLUTAMIENTO Y SELECCIÓN DE PERSONAL PROCESOS DE RECLUTAMIENTO La aplicación Procesos de Reclutamiento le permite llevar un adecuado control del proceso de reclutamiento de candidatos para los puestos
JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática
JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y
jquery Mobile Dr. José Martín Molina Espinosa
jquery Mobile Dr. José Martín Molina Espinosa jquery Mobile http://jquerymobile.com/ Cómo crear aplicaciones con el look-and-feel de Android a través del uso de estilos CSS y de javascript? Actualmente
ESPAÑOL - MEXICO MODULO DE BÚSQUEDA POR GRUPO
AÑADA RESERVACIONES A SU SITIO WEB ESPAÑOL - MEXICO MODULO DE BÚSQUEDA POR GRUPO El módulo de búsqueda por grupo permite a los usuarios seleccionar un restaurante específico de una lista, así como la búsqueda
HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones
Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo de Cookies 4.3.2 Manejo de Sesiones 4.3.3 Aplicación basada en sesiones Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo
REQUEST EN PHP. DIFERENCIAS Y VENTAJAS E INCONVENIENTES ENTRE GET, POST Y REQUEST. EJERCICIOS RESUELTOS Y EJEMPLOS. (CU00835B)
APRENDERAPROGRAMAR.COM REQUEST EN PHP. DIFERENCIAS Y VENTAJAS E INCONVENIENTES ENTRE GET, POST Y REQUEST. EJERCICIOS RESUELTOS Y EJEMPLOS. (CU00835B) Sección: Cursos Categoría: Tutorial básico del programador
HTML Introducción. 2. Nuevos Conceptos
HTML 5 1. Introducción HTML5 es el lenguaje de etiquetas que permite diseñar documentos web estáticos la cual ofrece (a diferencia de las versiones anteriores) un conjunto de funciones que permitirá dar
ZOE COMERCIO EXTERIOR VERSIÓN /JULIO/2017
ZOE COMERCIO EXTERIOR VERSIÓN 5.01.09 10/JULIO/2017 RELACIÓN DE MODIFICACIONES Proceso de Envió de Marca, Modelo y Serie al Archivo Cove: En archivo Cove se anexa marca, modelo y serie capturados en Packing
Grupo de Ingeniería del Software. Conceptos básicos de formularios HTML
escuela técnica superior de ingeniería informática HTML Estático: Formularios Departamento de Lenguajes Grupo de Ingeniería del Software Noviembre 2004 Conceptos básicos de formularios HTML Los formularios
DESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 7: Utilización de Mecanismos de Comunicación Asíncrona Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
FRAMEWORK SPRING EN UNA APLICACIÓN WEB
3CM2 FRAMEWORK SPRING EN UNA APLICACIÓN WEB WEB APPLICATION DEVELOPMENT 1. INTRODUCCIÓN El Spring Framework es un popular marco de aplicaciones de código abierto que puede hacer más fácil el desarrollo
CREACION DE INTERFACES GRAFICAS DE USUARIO (GUI) PARA LA WEB
CREACION DE INTERFACES GRAFICAS DE USUARIO (GUI) PARA LA WEB Universidad Surcolombiana Tecnología en Desarrollo de Software Factoría de Software Autor: Ing. Juan Antonio Castro Silva Versión: Beta 01 19NOV2012-0632
QUÉ ES Y PARA QUÉ SIRVE EL LENGUAJE CSS (CASCADING STYLE SHEETS HOJAS DE ESTILOS EN CASCADA)? (DV00203A)
APRENDERAPROGRAMAR.COM QUÉ ES Y PARA QUÉ SIRVE EL LENGUAJE CSS (CASCADING STYLE SHEETS HOJAS DE ESTILOS EN CASCADA)? (DV00203A) Sección: Divulgación Categoría: Lenguajes y entorno Fecha revisión: 2029
Programación web para móviles
Programación web para móviles Sesión 2: Introducción a Sencha Touch 2012-2013 Depto. Ciencia de la Computación e IA Contenidos Introducción Sencha Touch vs. JQuery Mobile Instalar Sencha Touch Estructura
Manual de integrador
Bit4id Ibérica C/ Marie Curie, 8-14 Forum Nord de Tecnología 08042 Barcelona España Tel. +34 935 35 35 18 info.es@bit4id.com Bit4id Portugal Alameda Bonifácio Lázaro Lozano Nº 13, Ed. B, 1º E 2780-125
DPWEB I, Carrito de Compras Guardar, Ing. Tomas Urbina. Carrito de compras con PHP y MYSQL
Carrito de compras con PHP y MYSQL Actualizando los archivos anteriores. Para terminar la compra agregamos el archivo pagarcompra.php. 1) Vercarrito.php Por favor bajo la línea que dice $contador++; agreguen
CÓMO CREAR EL MODULO DE LOGÍN
CÓMO CREAR EL MODULO DE LOGÍN En esta guía se encuentra el paso a paso de cómo desarrollar su aplicativo de login: 1. Lo primero que se debe hacer es crear el archivo principal, es decir index.php de la
MSSQL Server 2005 - Java
Conexión directa MSSQL Server 2005 Java Para conectarse existen drivers de 4 tipos, los de tipo 3 y 4 sirven para conectarse directamente. El de tipo 1 viene incluido en las librerías de java y requiere
EXTRACTO MANUAL DE Portal Beneficio Empresa AIEP INGRESO OC
EXTRACTO MANUAL DE Portal Beneficio Empresa AIEP INGRESO OC ELABORADO POR AJUSTADO POR APROBADO POR VERSIÓN 2 FECHA 19/10/2016 PAGINA 1/11 INDICE PROCESOS... 3 1. Ingresar Orden de Compra...
Programación de Aplicaciones Distribuidas
Programación de Aplicaciones Distribuidas F AC U L T AD R E G I O N A L T U C U M ÁN Proyecto integrador Integración de AngularJS en aplicaciones web con Visual Studio 2013 Autor: Castro Lucas Martin -
Programación Hipermedia I
Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR 2.4 FORMULARIOS 18/10/2014 Taboada León IES San Sebastián Huelva 1 Formularios (I) Los formularios permiten al usuario introducir
La única regla que debe de tener presente siempre, es que cada etiqueta que abra <etiqueta> debe de cerrarla en el mismo orden < /etiqueta cerrada>.
Antes de comenzar, si algo no está en este manual, utilice google para averiguarlo y acostúmbrese a ello ya que será la mejor herramienta que pueda encontrar. La estructura básica de toda página web es:
Contiene código HTML normal junto elementos especiales de JSP. Internamente, el servidor de aplicaciones las compilará a un servlet
JSP Java Server Pages cesaracebal.com acebal@uniovi.es Qué es JSP? Una tecnología para crear páginas Web dinámicas Contiene código HTML normal junto elementos especiales de JSP Están construidas sobre
CSS: Hojas de Estilo en Cascada. Didier Fabián Granados Muñoz
CSS: Hojas de Estilo en Cascada Didier Fabián Granados Muñoz Contexto Qué hay detrás de esto? Contexto Cuenta la leyenda que al construir un documento HTML se tenía que definir cada una de las propiedades
SWITCH JAVASCRIPT. SELECCIÓN ENTRE ALTERNATIVAS. DIAGRAMA DE FLUJO Y EJEMPLO DE APLICACIÓN. (CU01120E)
switch JavaScript Decisión entre distintas alternativas APRENDERAPROGRAMARCOM SWITCH JAVASCRIPT SELECCIÓN ENTRE ALTERNATIVAS DIAGRAMA DE FLUJO Y EJEMPLO DE APLICACIÓN (CU01120E) Sección: Cursos Categoría:
CAPTURAR EVENTOS DE TECLADO JAVASCRIPT. TECLA PULSADA. FROMCHARCODE. KEYCODE, WICH. (CU01161E)
APRENDERAPROGRAMAR.COM CAPTURAR EVENTOS DE TECLADO JAVASCRIPT. TECLA PULSADA. FROMCHARCODE. KEYCODE, WICH. (CU01161E) Sección: Cursos Categoría: Tutorial básico del programador web: JavaScript desde cero
Curso Java Web (JSP's/Servlets)
Curso Java Web (JSP's/Servlets) JSP's ("Java Server Pages") Composición Un JSP ("Java Server Page") es uno de los componentes más básicos empleados para aplicaciones de Servidor en Java. Su composición
Tutorial para la creación de un sitio Web con un formulario ASP.NET
UNIVERSIDAD DE PANAMÁ CENTRO REGIONAL UNIVERSITARIO DE VERAGUAS FACULTAD DE INFORMÁTICA, ELECTRONICA Y COMUNICACIÓN INGENIERIA EN INFORMÁTICA Tutorial para la creación de un sitio Web con un formulario
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
Construcción de formularios en HTML. Formularios. Bases de Datos 2012/2013. Luis Valencia Cabrera
Construcción de formularios en HTML. Formularios Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Formularios... 2 Controles... 2 Campos de texto... 2 Selección de opciones... 3 Selección de ficheros...
CEFIRE: Curso Administración de APACHE
CEFIRE: Curso Administración de APACHE Práctica introducción al PHP PHP, acrónimo de "PHP: Hypertext Preprocessor", es un lenguaje "Open Source" interpretado de alto nivel, especialmente pensado para desarrollos
Generador de Informes HTML OdA-Clavy
Generador de Informes HTML OdA-Clavy Paquete software para la generación de informes en formato HTML de las colecciones de Objetos Digitales de los repositorios OdA mediante la conexión con la plataforma
GUÍA DE CONFIGURACIÓN DE LOS EQUIPOS PARA EL USO DE LA APLICACIÓN CONCECTA-CENTRALIZACIÓN
GUÍA DE CONFIGURACIÓN DE LOS EQUIPOS PARA EL USO DE LA APLICACIÓN CONCECTA-CENTRALIZACIÓN El acceso a CONECTA-CENTRALIZACIÓN se realiza mediante la dirección http://catalogocentralizado.minhafp.es o https://catalogocentralizado.minhafp.es