Tomar información por pantalla con JavaScript
|
|
|
- Alberto Saavedra González
- hace 8 años
- Vistas:
Transcripción
1 Tomar información por pantalla con JavaScript Para lograr interactividad con nuestros usuarios, es necesario reaccionar a sus acciones o permitir que estos ingresen información para que sea manipulada, para con base en esto tomar decisiones. La forma mas sencilla de recopilar información de nuestros clientes es mediante la utilización del método de JavaScript prompt(), que despliega un mensaje de secuencia de comandos, que es similar a un alert pero con un campo de texto, y cuya sintaxis es: prompt( pregunta, texto por defecto de la caja de texto ); Ejemplo: prompt("digite su nombre","nombre"); Su resultado es: Para hacer de este cuadro una herramienta realmente útil, le podemos asignar su resultado a una variable. Ejemplo: var nom; nom=prompt("digite su nombre","nombre"); En el ejemplo anterior, hemos declarado una variable nom en su primera línea, luego le asignamos el valor obtenido mediante el cuadro de secuencia de comandos. Luego de esto, podemos utilizar esta variable para cualquier objetivo.
2 Ejemplo: <html> <body> <script> var nom; nom=prompt("digite su nombre","nombre"); alert("hola "+nom); </script> </body> </html> NOTA: Los datos que se obtienen por pantalla siempre serán cadenas (Strings), por consiguiente para poder realizar operaciones aritméticas con estos, se deben convertir a datos numéricos mediante los métodos: parsefloat(variable_a_convertir); : Convierte la variable para trabajar con números reales. parseint(variable_a_convertir); : Convierte la variable para trabajar con números enteros. Ejemplo de parsefloat: <html> <head> <title>ejemplo de parsefloat</title> <script> num1=parsefloat(prompt("digite número uno","")); num2=parsefloat(prompt("digite número dos","")); res=num1+num2; alert(res); </script> </head> <body> </body> </html> Siendo num1=5.3; y num2=3.2 Entonces, res=8.5
3 Ejemplo de parseint: <html> <head> <title>ejemplo de parseint</title> <script> num1=parseint(prompt("digite número uno","")); num2=parseint(prompt("digite número dos","")); res=num1+num2; alert(res); </script> </head> <body> </body> </html> Siendo num1=5.3; y num2=3.2 Entonces, res=8 Sin lugar a dudas el método prompt() es muy útil para tomar datos por pantalla, pero nos hemos preguntado Qué pasará cuando tengamos que recibir mucha información del cliente?, será y agradable para el usuario ver tantos cuadros de dialogo uno tras otro?. Definitivamente la solución a estos problemas la tenemos en la utilización de formularios HTML. JavaScript y formularios El principal uso de los formularios es el de recopilar información de todo tipo sobre la persona que visita nuestra pagina, que podemos utilizar luego para muy diversos fines: inclusión en listas de correo, corrección de nuestras paginas basándonos en la opinión de nuestros visitantes, recepción de artículos y programas, etc. Pero si bien los formularios son muy útiles si los sabemos usar bien, por sí solos tienen poca utilidad, y esto es debido a que con el uso exclusivo de HTML podemos crear el formulario, pero no disponemos de herramientas que nos permitan ni procesar los datos recibidos, ni validar los datos introducidos antes de su envío ni dar vida a los campos para que la interactividad con el usuario sea la adecuada. Sin lugar a dudas la herramienta más útil con la que contamos para hacer nuestros formularios más eficientes es el uso del lenguaje de scripting Javascript. Es un lenguaje formado por trozos de código que se insertan en las propias paginas web, y que permite el manejo dinámico de las mismas por
4 parte del programador, de tal forma que es posible verificar y/o cambiar propiedades de los elementos de la pagina sin tener que volver a realizar una conexión con el servidor, así como realizar cálculos y transferencias de datos entre los campos del formulario. El objeto form depende en la jerarquía de objetos del objeto document. En un objeto form podemos encontrar algunos métodos y propiedades, pero lo más destacado que podremos encontrar son cada uno de los elementos del formulario. Es decir, de un formulario dependen todos los elementos que hay dentro, como pueden ser campos de texto, cajas de selección, áreas de texto, botones de radio, etc. Para acceder a un formulario desde el objeto document podemos hacerlo de dos formas. 1. A partir de su nombre, asignado con el atributo NAME de HTML. 2. Mediante la matriz de formularios del objeto document, con el índice del formulario al que queremos acceder. Para este formulario <FORM name="f1"> <INPUT type=text name=campo1> <INPUT type=text name=campo2> </FORM> Podremos acceder con su nombre de esta manera. document.f1 O con su índice, si suponemos que es el primero de la página. document.forms[0] De similar manera accedemos a los elementos de un formulario, que dependen del objeto form. 1. A partir del nombre del objeto asignado con el atributo NAME de HTML. 2. Mediante la matriz de elementos del objeto form, con el índice del elemento al que queremos acceder. Podríamos acceder al campo 1 del anterior formulario de dos maneras. Con su nombre lo haríamos así. document.f1.campo1
5 O a partir del array de elementos. document.f1.elements[0] (utilizamos el índice 0 porque es el primer elemento y en Javascript los arrays empiezan por 0.) Si deseamos acceder al segundo campo del formulario escribiríamos una de estas dos cosas: document.f1.campo2 document.f1.elements[1] Recordemos que también podemos acceder a un formulario por el array de forms, indicando el índice del formulario al que acceder. De este modo, el acceso al campo2 sería el siguiente: document.forms[0].campo2 document.forms[0].elements[1] En estos casos he supuesto que este formulario es el primero que hay escrito en el código HTML, por eso accedo a él con el índice 0. Después de dejar claro como acceder a los elementos de un formulario, observaremos el uso de cada uno de estos basándonos en el siguiente ejemplo:
![campo2 document.f1.elements[1] Recordemos que también podemos acceder a un formulario por el array de forms, indicando el índice del formulario al que acceder.](/docs-images/47/6719308/images/page_5.jpg "De este modo, el acceso al campo2 sería el siguiente: document.forms[0].")
6 Su código seria: <html> <head> <title>ejemplo de formulario</title> </head> <body> <table border=1> <form name="f1" action="_blank" method="post"> Digite su nombre: <input type="text" name="nombre" size=26> Sexo: <select name="seleccion"> <option value="hombre">masculino</option> <option value="mujer">femenino</option> </select> Cual es su canal de tv favorito: <input type="radio" name="botonradio" value="rcn"> RCN<br> <input type="radio" name="botonradio" value="caracol"> Caracol<br> <input type="radio" name="botonradio" value="telecafe"> Telecafé Que es lo que mas le gusta del canal? : <textarea cosl=10 rows=10> </textarea> De los siguientes programas seleccione su(s) preferido(s): <input type="checkbox" name="caja" value="futbol mania"> Futbol Mania<br> <input type="checkbox" name="caja" value="en los Tacones de Eva"> En los tacones de Eva<br> <input type="checkbox" name="caja" value="el club 10"> El club 10<br> <input type="checkbox" name="caja" value="desafio 2007"> Desafio 2007<br>
7 <input type="checkbox" name="caja" value="la isla de los famosos"> La isla de los famosos<br> <input type="checkbox" name="caja" value="abre tu corazon"> Abre tu corazon<br> <input type="checkbox" name="caja" value="cafe gol">cafe gol <td colspan=2> <center> <input type="reset" value="reiniciar"> <input type="submit" value="enviar"> <input type="button" value="procesar"> <center> </form> </table> </body> </html> (Antes de empezar, es necesario que recordemos que el valor de un elemento se encuentra en su atributo value ). Para tomar e imprimir los datos del formulario, vamos a declarar la función procesa() en la cabecera del documento, de la siguiente forma: <head> <title>ejemplo de formulario</title> <script language="javascript"> function procesa() </script> </head> NOTA: Todo lo que realicemos de ahora en adelante, estará dentro de esta función. Luego de esto declaramos una variable de impresión: var imprimir; Esta variable será la encargada de almacenar los resultados de cada elemento del formulario, concatenados con etiquetas HTML para luego imprimirla por medio de document.write.
8 Acceder al objeto text Sintaxis: Variable_para_almacenar_los_datos=document.nombre_formulario.nombre_ca mpo.value; En nuestro ejemplo: nom= document.f1.nombre.value; imprimir+="hola "+nom+"<br>"; A la variable nom, la llevamos lo que se encuentre en nuestro campo de texto el cual llamamos nombre, el cual se encuentra en el formulario que llamamos f1. Luego le concatenamos al valor de la variable imprimir mediante el operador +=, la cadena Hola, a esta le concatenamos la variable nom, y por ultimo, le adicionamos un salto de linea mediante <br>. Acceder al objeto select Primero se debe investigar el índice del valor seleccionado Sintaxis: Variable_para_almacenar_indice=document.nombre_formulario.nombre_select. selectedindex Luego tomo el valor del select en el índice seleccionado Sintaxis: Variable_para_almacenar_valor=document.nombre_formulario.nombre_select. options[variable_que_almaceno_el_indice].value; En nuestro ejemplo: indice=document.f1.seleccion.selectedindex; sex=document.f1.seleccion.options[indice].value; imprimir+="usted es: "+sex+"<br>"; A la variable indice le llevamos el número de índice de la opción seleccionada en el select. A la variable sex la llevamos el valor del select en el índice que se almaceno en la variable indice.
9 Luego a la variable imprimir, le concatenamos a su valor la cadena Usted es: mas la variable sex mas el salto de línea de HTML <br>. Acceder al objeto radio Para poder verificar cual fue el radio activado, se debe recorrer todo el objeto utilizándolo como un array. Sintaxis: for(i=0; i<document.nombre_formulario.nombre_radio.length; i++) If(document.nombre_formulario.nombre_radio[ i ].checked) break; Luego almacenamos su valor en una variable. Sintaxis: Variable_para_almacenar_valor=document.nombre_formulario.nombre_radio.[i ndice_del_ciclo].value; En nuestro ejemplo: for(i=0; i<document.f1.botonradio.length; i++) if(document.f1.botonradio[i].checked) break; radio = document.f1.botonradio[i].value; imprimir+="su canal favorito es: "+radio+"<br>"; Con lo anterior obtenemos el índice del radio activado. Esto gracias al recorrido matricial que se le realiza al objeto. Cuando se encuentre un radio activado, se detiene el ciclo mediante la sentencia break;. A la variable radio le llevamos el valor del radio seleccionado. Luego a la variable imprimir, le concatenamos a su valor la cadena Su Canal favorito es: mas la variable radio mas el salto de línea HTML <br>.
![length; i++) If(document.nombre_formulario.nombre_radio[ i ].checked) break; Luego almacenamos su valor en una variable. Sintaxis: Variable_para_almacenar_valor=document.nombre_formulario.nombre_radio.[i ndice_del_ciclo].](/docs-images/47/6719308/images/page_9.jpg "value; En nuestro ejemplo: for(i=0; i<document.f1.botonradio.length; i++) if(document.f1.botonradio[i].")
10 Acceder al objeto textarea Trabajar con el objeto textarea, es similar a trabajar con el objeto text Sintaxis: Variable_para_almacenar_valor=document.nombre_formulario.nombre_textare a.value; En nuestro ejemplo: com= document.f1.comentario.value; imprimir+="lo que mas le gusta del canal es: "+com+"<br>"; A la variable com, le llevamos lo que se encuentra en nuestro textarea. Luego a la variable imprimir, le concatenamos a su valor la cadena Lo que mas le gusta del canal es: mas la variable com mas el salto de línea HTML <br>. Acceder al objeto checkbox El objeto checkbox funciona de forma similar al objeto radio, pero es importante tener en cuenta que podemos seleccionar varias cajas de texto al mismo tiempo. Se debe recorrer el objeto checkbox como una matriz para detectar las cajas seleccionadas. Aprovechando lo anterior, cada que encontremos una caja seleccionada, almacenamos su valor en una variable. Sintaxis: var variable_almacenamiento= ; for(j=0; j<document.nombre_formulario.nombre_checkbox.length; j++) If(document.nombre_formulario.nombre_checkbox[ j ].checked) Variable_almacenamiento=variable_almacenamiento+document.nombre _formulario.nombre_checkbox[ j ].value;
11 En nuestro ejemplo: var cajadetexto=""; for(j=0; j<document.f1.caja.length; j++) if(document.f1.caja[j].checked) cajadetexto = cajadetexto+", "+document.f1.caja[j].value; imprimir+="sus programas preferidos son: "+cajadetexto; Declaramos la variable cajadetexto y le llevamos un valor vacío. Después, empezamos a recorrer el objeto como una matriz, cada que nos encontramos con una caja marcada, la almacenamos en la variable cajadetexto, utilizando como caracter de separación una coma,. Luego a la variable imprimir, le concatenamos a su valor la cadena sus programas preferidos son: mas la variable cajadetexto. Por ultimo imprimimos la variable imprimir : document.write(imprimir); Ya tenemos lista nuestra función procesa(), ahora lo único que falta es invocarla y lo vamos a realizar por medio de la función onclick en uno de los botones: <input type="button" value="procesar" onclick=procesa();> A continuación, se presenta el código de ejemplo completo: <html> <head> <title>ejemplo de formulario</title> <script language="javascript"> function procesa() //declaro variable de impresion, en esta acumulare una cadena concatenando etiquetas html para luego mandar a imprimir var imprimir=""; //aqui tomo los datos del campo de texto y los imprimo nom= document.f1.nombre.value; imprimir+="hola "+nom+"<br>"; //aqui verifico el select //con estas sentencias verifico el valor seleccionado en el select
12 indice=document.f1.seleccion.selectedindex; //aqui tomo el valor del select en la posicion del indice sex=document.f1.seleccion.options[indice].value; imprimir+="usted es: "+sex+"<br>"; //aqui reviso la opcion del radio boton //variable para almacenar el valor del radio button var radio=""; for(i=0; i<document.f1.botonradio.length; i++) if(document.f1.botonradio[i].checked) break; radio = document.f1.botonradio[i].value; imprimir+="su canal favorito es: "+radio+"<br>"; //tomo los comentarios del textarea com= document.f1.comentario.value; imprimir+="lo que mas le gusta del canal es: "+com+"<br>"; //observo los programas preferidos seleccionados por medio de las cajas de texo //variable para almacenar el valor de las cajas de exto var cajadetexto=""; for(j=0; j<document.f1.caja.length; j++) if(document.f1.caja[j].checked) //la variable cajadetexto la concateno con los values de los checkbox cajadetexto = cajadetexto+", "+document.f1.caja[j].value; imprimir+="sus programas preferidos son: "+cajadetexto; //realizo impresion document.write(imprimir); //funcion para confirmar el envio del formulario function pregunta() if(confirm(' Esta seguro de enviar este formulario?')) document.f1.submit()
![length; i++) if(document.f1.botonradio[i].checked) break; radio = document.f1.botonradio[i].value; imprimir+="su canal favorito es: "+radio+"<br>"; //tomo los comentarios del textarea com= document.](/docs-images/47/6719308/images/page_12.jpg "f1.comentario.")
13 </script> </head> <body> <table border=1> <form name="f1" action="_blank" method="post"> Digite su nombre: <input type="text" name="nombre" size=26> Sexo: <select name="seleccion"> <option value="hombre">masculino</option> <option value="mujer">femenino</option> </select> Cual es su canal de tv favorito: <input type="radio" name="botonradio" value="rcn"> RCN<br> <input type="radio" name="botonradio" value="caracol"> Caracol<br> <input type="radio" name="botonradio" value="telecafe"> Telecafé Que es lo que mas le gusta del canal? : <textarea name="comentario" cosl=10 rows=10> </textarea> De los siguientes programas seleccione su(s) preferido(s): <input type="checkbox" name="caja" value="futbol mania"> Futbol Mania<br> <input type="checkbox" name="caja" value="en los Tacones de Eva"> En los tacones de Eva<br> <input type="checkbox" name="caja" value="el club 10"> El club 10<br> <input type="checkbox" name="caja" value="desafio 2007"> Desafio 2007<br> <input type="checkbox" name="caja" value="la isla de los famosos"> La isla de los famosos<br>
14 <input type="checkbox" name="caja" value="abre tu corazon"> Abre tu corazon<br> <input type="checkbox" name="caja" value="cafe gol">cafe gol <td colspan=2> <center> <input type="reset" value="reiniciar"> <input type="button" value="enviar" onclick=pregunta();> <input type="button" value="procesar" onclick=procesa();> <center> </form> </table> </body> </html>
A continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor:
FORMULARIOS BAJO HTML INTRODUCCION A FORMULARIOS Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre
Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
Formularios HTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Declaración de un formulario Elemento clave para el desarrollo de aplicaciones
Los formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros:
Formularios en HTML Los formularios nos sirven para solicitar información al usuario y procesarla. El formulario se compondrá de diferentes componentes como campos de texto, botones de opción, listas desplegables,...
Tutorial Básico de vbscript
Tutorial Básico de vbscript Bueno, primero aclarar que este tutorial, pretende explicar de manera básica las distintas instrucciones aplicadas en visual basic script (vbs de aquí en más), para que así
Desarrollo de sitios web con PHP y MySQL
Desarrollo de sitios web con PHP y MySQL Tema 3: Formularios José Mariano González Romano mariano@lsi.us.es Tema 3: Formularios 1. Acceso a formularios HTML desde PHP 2. El formulario de PHP 3. Subida
Que es PHP? Que se puede hacer con PHP? Sintaxis del lenguaje. Variables. Operadores básicos. Condicionales. Ciclos.
Que es PHP? Que se puede hacer con PHP? Sintaxis del lenguaje. Variables. Operadores básicos. Condicionales. Ciclos. Qué es PHP? PHP (Hypertext Preprocessor). Es un lenguaje de programación: De código
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
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
Curso de PHP con MySQL Gratis
Curso de PHP con MySQL Gratis Introducción Este mini curso o mini tutorial de PHP le ayudará a realizar cualquier sistema para que pueda insertar uno o varios registros a una base de datos con MySQL, este
Curso PHP Módulo 1 R-Luis
Lenguaje PHP Introducción Archivos HTML y PHP: Crear un archivo php es tan sencillo como cambiarle la extensión a un archivo html, por ejemplo podemos pasar de index.html a index.php sin ningún inconveniente.
MANUAL DE FORMULARIOS EN HOSTING
MANUAL DE FORMULARIOS EN HOSTING Índice 1 Qué es y para qué sirve un formulario 3 2 Qué contesta a los formularios 3 3 Qué esquema debe seguir el formulario 3 4 Qué datos y cómo los recibe la empresa a
Escribiendo el HTML. Un formulario se declara entre estos dos tags:
Formularios Un formulario HTML sirve como principal punto de interacción con el usuario: mediante ellas, podemos hacer posible la interacción de nuestra página Web para con el usuario que visita nuestro
HTML, PHP y bases de datos
HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples
Ejercicio: Mensajes Alert, Confirm y Prompt
Ejercicio: Mensajes Alert, Confirm y Prompt Utilizando Javascript podemos crear tres diferentes tipos de mensajes emergentes que se pueden usar para mostrar información, obtener confirmación u obtener
CapÍtulo 3: Manejo de Forms.
CapÍtulo 3: Manejo de Forms. El mecanismo básico de interacción entre el usuario y un web-site esta dado por el uso de formularios html, el server envía un formulario que el browser muestra en pantalla
MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007
MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007 Servicio de Informática y Comunicaciones Para poder diseñar un formulario y que éste nos envíe los resultados a nuestro correo electrónico, necesitamos
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
15 CORREO WEB CORREO WEB
CORREO WEB Anteriormente Hemos visto cómo funciona el correo electrónico, y cómo necesitábamos tener un programa cliente (Outlook Express) para gestionar los mensajes de correo electrónico. Sin embargo,
Combinar correspondencia (I)
Combinar correspondencia (I) Mediante la opción Combinar correspondencia Word2007 nos permite incluir en un documento, datos almacenados en otro sitio. De esta forma podremos obtener copias de un mismo
GESTINLIB GESTIÓN PARA LIBRERÍAS, PAPELERÍAS Y KIOSCOS DESCRIPCIÓN DEL MÓDULO DE KIOSCOS
GESTINLIB GESTIÓN PARA LIBRERÍAS, PAPELERÍAS Y KIOSCOS DESCRIPCIÓN DEL MÓDULO DE KIOSCOS 1.- PLANTILLA DE PUBLICACIONES En este maestro crearemos la publicación base sobre la cual el programa generará
APRENDE A CREAR UNA PÁGINA WEB CON HTML
APRENDE A CREAR UNA PÁGINA WEB CON HTML Introducción a PHP INTRODUCCIÓN PHP es una lenguaje de programación del lado del servidor. En este curso, lo usaremos para recibir los datos de un formulario, realizar
ÍNDICE ... 3. Paso 1- Acceso ... 6. Paso 2 - Identificación ... 10. Paso 3 Datos de la declaración. Paso 4 Selección de tipo de pago... 17 ...
ÍNDICE INTRODUCCIÓN... 2 Paso - Acceso... 3 Paso 2 - Identificación... 6 Paso 3 Datos de la declaración... 0 Paso 4 Selección de tipo de pago... 7 Paso 5 Procesamiento de Pago... 9 Reimprimir Talón...
Introducción a PHP. * No es necesario declarar previamente las variables.
Introducción a PHP La programación de sitios web cada día está más orientada al desarrollo de páginas dinámicas y aplicaciones, o sea sitios donde el usuario pueda interactuar con la web. Dentro de los
Curso Excel Básico - Intermedio
Curso Excel Básico - Intermedio Clase 4 Relator: Miguel Rivera Adonis Introducción Base de Datos: Definición de Base de Datos Ordenar datos Formulario Filtros Trabajar con Sub-Totales Validación de Datos
Person IP CRM Manual MOBILE
Manual MOBILE División Informática BuscPerson Telecomunicaciones : Manual MOBILE 0.- Introducción 3 0.1 Configuración de los terminales 3 0.2 Acceso de Usuarios 3 1.- Funcionalidades CRM 5 1.1 Agenda del
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
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
1.4.1.2. Resumen... 1.4.2. ÁREA DE FACTURACIÓN::INFORMES::Pedidos...27 1.4.2.1. Detalle... 1.4.2.2. Resumen... 1.4.3. ÁREA DE
MANUAL DE USUARIO DE ABANQ 1 Índice de contenido 1 ÁREA DE FACTURACIÓN......4 1.1 ÁREA DE FACTURACIÓN::PRINCIPAL...4 1.1.1. ÁREA DE FACTURACIÓN::PRINCIPAL::EMPRESA...4 1.1.1.1. ÁREA DE FACTURACIÓN::PRINCIPAL::EMPRESA::General...4
Modulo 1 El lenguaje Java
Modulo 1 El lenguaje Java 13 - Codificación en Java Una de las grandes diferencias entre Java y Pascal en cuando a la codificación es que Java se trata de un lenguaje de los llamados case sensitive Esto
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
Manual de Usuario. Del. Módulo de Lector de códigos de barras. FacturPin. Diseñado y producido por. SystemPin
Manual de Usuario Del Módulo de Lector de códigos de barras FacturPin Diseñado y producido por SystemPin Manual de usuario FACTURPIN Página: 3 INTRODUCCIÓN Este Manual de funcionamiento esta escrito con
Manual para el uso del Correo Electrónico Institucional Via Webmail
Manual para el uso del Correo Electrónico Institucional Via Webmail Accesando la pagina de webmail DIFSON El primer paso va a ser entrar a la página de internet donde se encuentra el correo de DIFSON.
Formularios. La mayoría de los elementos de entrada son visuales y pueden interactuar con el usuario.
Formularios Un formulario HTML es una sección de un documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación (checkboxes), radiobotones (radio
NORMA 34.14(SEPA) 05/11/2013
NORMA 34.14(SEPA) 05/11/2013 1. Descripción La aplicación de generación de ficheros de transferencias permite generar fácilmente órdenes para que se efectúe el pago de transferencias a los beneficiarios
El control de la tesorería consiste en gestionar desde la aplicación los cobros y pagos generados a partir de las facturas de venta y de compra.
Gestión de la tesorería y del riesgo El control de la tesorería consiste en gestionar desde la aplicación los cobros y pagos generados a partir de las facturas de venta y de compra. En este manual nos
Alumn@: U.T. 6.- Lenguaje Javascript - DOM. Parte Práctica
E-mail: juanlop@um.es Pág. 1 U.T. 6.- Lenguaje Javascript - DOM. Parte Práctica Alumn@: Ejercicio 1.- Calculadora tabla formulario. Realiza una página implemente una calculadora aritmética. Para ello haz
MANAUAL DE MANTENIMIENTO PARA LA PÁGINA WEB DE PROYECTO ADL GESTOR DE CONTENIDOS
MANAUAL DE MANTENIMIENTO PARA LA PÁGINA WEB DE PROYECTO ADL GESTOR DE CONTENIDOS 1/8 GESTOR DE CONTENIDOS Este manual va dirigido a la persona o personas que sean las encargadas de mantener los contenidos
www.servetcansa.es Introduccion Tablon de Anuncios Recogida de Avisos Acceso Relacion de Avisos Declaracion de Nacimiento Cambio de Clave Direcciones
Introduccion Tablon de Anuncios Recogida de Avisos Acceso Relacion de Avisos Declaracion de Nacimiento Cambio de Clave Direcciones Gestores Entrada de Gestores Página 2 de 9 Introducción Hemos creado una
MANUAL MODULO DE VERIFICACIONES
Trey-Gestor: Módulo verificaciones. Pág 1 MANUAL MODULO DE VERIFICACIONES Con este módulo podemos gestionar las peticiones de notas simples, creación de informes, envíos automáticos por email y fax, así
PDC Web 2.0. Manuales del usuario Abonos de Lotería
PDC Web 2.0 Manuales del usuario Abonos de Lotería Fecha Creación 20/03/2015 ABONOS DE LOTERIA 1. INTRODUCCION 1.1. QUE ES UN ABONO DE LOTERIA? El Abono de Lotería es un servicio voluntario que ofrece
LABORATORIO Nº 2 GUÍA PARA REALIZAR FORMULAS EN EXCEL
OBJETIVO Mejorar el nivel de comprensión y el manejo de las destrezas del estudiante para utilizar formulas en Microsoft Excel 2010. 1) DEFINICIÓN Una fórmula de Excel es un código especial que introducimos
Guía de uso del sistema CV-Online
Guía de uso del sistema CV-Online 1.- Registro. a.- Pasos para completar el formulario. 2.- Ingreso al sistema. a.- Olvidó su Usuario o contraseña? b.- Consulta. c.- Crear nueva cuenta. 3.- Administrador
BANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros
Encuestas en Google. Primeros pasos
Encuestas en Google Primeros pasos Para crear una encuesta en Google, debemos ingresar a nuestra cuenta de correo de la Universidad Nacional de Colombia o de cualquier otra cuenta de Gmail. En la parte
Programa diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.
Manual de Usuario Programa diseñado y creado por Contenido 1. Acceso al programa... 3 2. Opciones del programa... 3 3. Inicio... 4 4. Empresa... 4 4.2. Impuestos... 5 4.3. Series de facturación... 5 4.4.
JavaScript como Orientación a Objetos
Gustavo Lacoste (gustavo@lacosox.org) October 2012 Resumen El objetivo de las siguientes notas es generar una estructura en JavaScript que nos permita reutilizar de manera limpia las funciones creadas
Objetivos de la práctica: - Practicar uso de ficheros: abrir, cerrar y tratamiento de información contenida en el fichero.
Objetivos de la práctica: - Practicar uso de ficheros: abrir, cerrar y tratamiento de información contenida en el fichero. Uso de Ficheros Todas las estructuras de datos vistas hasta ahora utilizan la
Ejemplos básicos de webmathematica para profesores
Ejemplos básicos de webmathematica para profesores Cualquier cálculo hecho dentro Mathematica puede ser realizado usando webmathematica con dos limitaciones significativas. Primero, al usar webmathematica,
TÉCNICAS DE GESTIÓN ADMINISTRATIVA PARA PEQUEÑAS EMPRESAS
COMBINAR CORRESPONDENCIA CON OFFICE 2003 Combinar correspondencia nos permite incluir en un documento datos almacenados en otro lugar. De esta forma podremos obtener copias de un mismo documento pero con
Manual de operación Tausend Monitor
Manual de operación Tausend Monitor Luego de haber realizado satisfactoriamente el proceso de instalación, al iniciar el programa le aparecerá la siguiente ventana: El usuario principal y con el primero
Manual Ingreso Notas y Acta Electrónica
Manual Ingreso Notas y Acta Electrónica ÍNDICE ÍNDICE 2 I. INTRODUCCIÓN 3 II. CREAR LA ESTRUCTURA DE NOTAS PARCIALES (OPCIÓN NOTAS NORMALES) _ 4 III. CREAR LA ESTRUCTURA DE NOTA FINAL (OPCIÓN NOTAS CALCULADAS)
MANUAL DE AYUDA MODULO TALLAS Y COLORES
MANUAL DE AYUDA MODULO TALLAS Y COLORES Fecha última revisión: Enero 2010 Índice TALLAS Y COLORES... 3 1. Introducción... 3 CONFIGURACIÓN PARÁMETROS TC (Tallas y Colores)... 3 2. Módulos Visibles... 3
Internet Information Server
Internet Information Server Internet Information Server (IIS) es el servidor de páginas web avanzado de la plataforma Windows. Se distribuye gratuitamente junto con las versiones de Windows basadas en
CONFIGURACION AVANZADA DE MOZILLA THUNDERBIRD
CONFIGURACION AVANZADA DE MOZILLA THUNDERBIRD Carpetas sin Conexión... 2 Gestión de mensajes enviados... 3 Gestión de mensajes eliminados... 6 Firma Digital... 8 Envío de mensajes firmados digitalmente...
HOW TO SOBRE FIREWALL
HOW TO SOBRE FIREWALL 1- En este how to estaremos estableciendo algunas reglas con el firewall para bloquear el acceso, o permitirlo. Lo primero que haremos es abrir la consola, ubicada en aplicaciones,
Departamento CERES Área de Tarjetas Inteligentes Manual de Usuario
14 CORREO SEGURO. Hay aplicaciones de correo que permiten enviar y recibir correos cifrados y firmados digitalmente utilizando criptografía. Estas operaciones garantizan el intercambio seguro de información,
TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B)
APRENDERAPROGRAMAR.COM TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B) Sección: Cursos Categoría: Tutorial básico del programador web:
Práctica 02. Formularios
Práctica 02. Formularios Página 1 El objetivo de esta práctica es desarrollar un formulario el cual podrá ser visto desde cualquier navegador y desde cualquier equipo de cómputo. En esta práctica aprenderás
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,
Partes del formulario
Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor
Manual de uso. Manual de uso - citanet 1
Manual de uso Manual de uso - citanet 1 1. Requisitos previos a la instalación... 3 2. Primer inicio de la aplicación.... 3 2.1. Pantalla de inicio de sesión.... 3 2.2. Datos de la empresa y configuración
CAPITULO V. SIMULACION DEL SISTEMA 5.1 DISEÑO DEL MODELO
CAPITULO V. SIMULACION DEL SISTEMA 5.1 DISEÑO DEL MODELO En base a las variables mencionadas anteriormente se describirán las relaciones que existen entre cada una de ellas, y como se afectan. Dichas variables
Squipy v1.1. 0.-Introducción
Squipy v1.1 0.-Introducción Squipy es un sencillo proxy que permite filtrar y modificar los datos que se envían desde el navegador hacia un servidor web. El interfaz está en castellano y en inglés y su
XAJAX: una librería de AJAX para PHP (parte 1)
XAJAX: una librería de AJAX para PHP (parte 1) AJAX es el acrónimo de Asynchronous Javascript And XML o Javascript y XML asíncronos dicho en nuestro idioma. Se trata de una combinación de tecnologías que
Tutorial para hacer una base de datos sencilla con openoffice Base
Tutorial para hacer una base de datos sencilla con openoffice Base (Perdonad los errores, está hecho con prisa, ya lo revisaré. Lo importante es que os valga para hacer el trabajo sin contratiempos. Podéis
MANUAL DE LA APLICACIÓN HELP DESK
CASAMOTOR MANUAL DE LA APLICACIÓN HELP DESK Desarrollado por: NOVIEMBRE, 2012 BOGOTÁ D.C. - COLOMBIA INTRODUCCIÓN Este documento es el manual de la aplicación de Help Desk de Casamotor, producto desarrollado
Capítulo 9. Archivos de sintaxis
Capítulo 9 Archivos de sintaxis El SPSS permite generar y editar archivos de texto con sintaxis SPSS, es decir, archivos de texto con instrucciones de programación en un lenguaje propio del SPSS. Esta
Manual del panel. Core-Admin
Manual del panel Core-Admin - Manual del panel Core-Admin ÍNDICE 1. Introducción...3 2. Requisitos iniciales...3 2.1. Navegadores soportados...3 2.2. Javascript y Java...3 3. Usar Core-Admin...3 3.1. Acceder
Instalación del programa PSPP y obtención de una distribución de frecuencias.
Práctica 2. Instalación del programa PSPP y obtención de una distribución de frecuencias. Con esta práctica instalaremos el programa PSPP. El programa es un software específico para el análisis estadístico
Guía Notas Parciales. Intermedio
Guía Notas Parciales Intermedio ÍNDICE I. INTRODUCCIÓN 3 II. CREAR LA ESTRUCTURA DE NOTAS PARCIALES (OPCIÓN NOTAS NORMALES) 4 III. CREAR LA ESTRUCTURA DE NOTA FINAL (OPCIÓN NOTAS CALCULAS) 6 IV. INGRESAR
CASO PRÁCTICO DISTRIBUCIÓN DE COSTES
CASO PRÁCTICO DISTRIBUCIÓN DE COSTES Nuestra empresa tiene centros de distribución en tres ciudades europeas: Zaragoza, Milán y Burdeos. Hemos solicitado a los responsables de cada uno de los centros que
Impress : Programa de presentaciones de OpenOffice.
Impress : Programa de presentaciones de OpenOffice. Básicamente Impress es un programa de presentaciones proyectadas a través de diapositivas (pantallas completas) que un orador o ponente puede utilizar
Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75
Manual de Formulario info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 MANUAL DE FORMULARIO CONTROL DEL DOCUMENTOS Realizado (21/01/2010) Inmaculada Peña Ruiz Técnico Revisado
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
Cómo crear un buscador para la barra de Firefox? Supongamos que queremos añadir un buscador distinto a los que ofrece Firefox para la barra de búsqueda. Todos esos buscadores están en una carpeta del directorio
Capítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
OBTENER DATOS EXTERNOS
La herramienta Obtener datos externos nos va a permitir llevar a Excel datos que proceden de otras fuentes de datos, como archivos de texto o bases de datos, para su posterior tratamiento y análisis con
Manual del Usuario Sistema P.RE.D.I.
Manual del Usuario Sistema P.RE.D.I. Índice Introducción... 3 Página de Acceso del Público en General... 3 Opción nro 1: El Documento consultado se encuentra en algunas en alguna de las oficinas del Predi....
Zon@de. Servidor FTP LEECH FTP INDICE PRESENTACIÓN ACERCA DE CTRLWEB MAILING WORD AYUDA : Acceso a Panel de Control. 1.-Panel de control privado.
INDICE PRESENTACIÓN ACERCA DE CTRLWEB MAILING WORD AYUDA : Acceso a Panel de Control. 1.-Panel de control privado. 1.1.-MAILING. Herramienta de Mailing.. Gestor de Textos. E-mails. MANUAL DE AYUDA ADMINISTRACIÓN
MANUAL DE CS-ALMACENES (MAYO 2012)
MANUAL DE CS-ALMACENES (MAYO 2012) FILOSOFÍA DE LA APLICACIÓN CS-ALMACENES Esta aplicación informática busca gestionar de una manera muy sencilla las existencias de uno o varios almacenes. Se basa en la
AGREGAR COMPONENTES ADICIONALES DE WINDOWS
INSTALACIÓN DE IIS EN WINDOWS XP El sistema está desarrollado para ejecutarse bajo la plataforma IIS de Windows XP. Por esta razón, incluimos la instalación de IIS (Servidor de Web) para la correcta ejecución
MANUAL DE USUARIO. Se deben seguir los siguientes pasos para la correcta instalación del módulo descargable:
MANUAL DE USUARIO La aplicación para la convocatoria Parques Científicos y Tecnológicos consta de un programa descargable más un módulo web. Mediante el módulo descargable, es posible cumplimentar todos
COMO CONFIGURAR UNA MAQUINA VIRTUAL EN VIRTUALBOX PARA ELASTIX
COMO CONFIGURAR UNA MAQUINA VIRTUAL EN VIRTUALBOX PARA ELASTIX En este manual se presenta el proceso de configuración de una Maquina Virtual en VirtualBox, que será utilizada para instalar un Servidor
Correo Electrónico: Webmail: Horde 3.1.1
CONTENIDOS: PAGINA Qué es Webmail?. 2 Acceder a Webmail. 2 Instilación del Certificado UCO. 4 Instilación Certificado I.explorer. 4 Instilación Certificado Firefox. 7 Opciones Webmail. 8 Opciones Información
Mantenimiento Limpieza
Mantenimiento Limpieza El programa nos permite decidir qué tipo de limpieza queremos hacer. Si queremos una limpieza diaria, tipo Hotel, en el que se realizan todos los servicios en la habitación cada
MANUAL DE AYUDA. SAT Móvil (Movilidad del Servicio Técnico)
MANUAL DE AYUDA SAT Móvil (Movilidad del Servicio Técnico) Fecha última revisión: Abril 2015 INDICE DE CONTENIDOS INTRODUCCION SAT Móvil... 3 CONFIGURACIONES PREVIAS EN GOTELGEST.NET... 4 1. INSTALACIÓN
Proyecto: Buscador de Películas usando XQuery y exist
Buscador de Películas usando XQuery y exist Arquitecturas de Altas Prestaciones Rafael Martos Llavero I. Objetivo del Proyecto. El objetivo del proyecto es la creación de una base de datos basada en XML
Capitulo VI. Conclusiones.
Capitulo VI. Conclusiones. VI.I. Conclusiones. Finalmente como conclusiones tenemos que resaltar el uso de varias tecnologías aparte de Java, como lo son el uso de la librería O reilly para pasar archivos
Manual de configuración de Thunderbird ÍNDICE
Manual de configuración de Thunderbird ÍNDICE 1. ARRANCANDO THUNDERBIRD POR PRIMERA VEZ... 2 2. ARRANCANDO THUNDERBIRD POR N-ÉSIMA VEZ... 2 3. CONFIGURACIÓN DE CUENTA DE CORREO... 4 4. SERVICIO DE DIRECTORIO
En este caso presionamos ENTER para empezar nuestra instalación
INSTALACION DE WINDOWS XP 1. Para la instalación de Win. XP debemos introducir el Cd con la imagen de el sistema operativo Ya cuando lea el Cd empezara a cargar todos los driver y aplicaciones de el sistema
Herramientas CONTENIDOS. MiAulario
Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración
Manual de OpenOffice Impress
Manual de OpenOffice Impress. Capítulo 4. Trabajando con gráficos, esquemas y plantillas 1 Manual de OpenOffice Impress Capítulo 4: Trabajando con gráficos, esquemas y plantillas Este material es una adaptación
Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora
Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar
Clase. geniería de la Computación. Departamento de Ciencias e Ing. Diego C. Martínez - DCIC-UNS
Tecnología de Programación Clase 22 Diego C. Martínez Departamento de Ciencias e Ing geniería de la Computación Universidad Nacional del Sur Componentes Web J2EE presenta los componentes Web (web components):
En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.
1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta
La elección de Blogger como la plataforma o lugar donde
1. INTRODUCCIÓN La elección de Blogger como la plataforma o lugar donde alojar nuestro blog es adecuada si no deseamos complicarnos con la instalación de un servidor propio, con todo lo que ello conlleva:
MANUAL TARIFICADOR. Clic aquí Descargar Tarificador
1 de 16 MANUAL TARIFICADOR A continuación encontrara un Paso a Paso de la instalación del tarificador. 1 PASO. Digite en su navegador esta dirección : www.hablaporinternet.com; encontrara la siguiente
Instituto Tecnológico de Las América. Materia Sistemas operativos III. Temas. Facilitador José Doñe. Sustentante Robín Bienvenido Disla Ramirez
Instituto Tecnológico de Las América Materia Sistemas operativos III Temas Servidor Web Apache Facilitador José Doñe Sustentante Robín Bienvenido Disla Ramirez Matricula 2011-2505 Grupo 1 Servidor Web
Guía nuevo panel de clientes Hostalia
Guía nuevo panel de clientes Hostalia Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com 1. Estructura del panel de administración El panel de control presenta un diseño