Sintaxis del JavaScript
|
|
|
- Catalina Aguilera Pinto
- hace 10 años
- Vistas:
Transcripción
1 Sintaxis del JavaScript El código JavaScript del que hablaremos en este manual va embebido en un documento HTML, y no tendremos en cuenta la reciente aparición de los scripts de servidor que pueden ir también codificados en JavaScript. Normalmente se escribe el código entre las etiquetas <SCRIPT> y de la página Web. Se recomienda que dicho código vaya incluido en la cabecera del documento, es decir, entre las etiquetas <HEAD> y </HEAD>. De esta manera, haremos que se cargue el script antes de ser llamado por el manejador de eventos en el cuerpo del documento, <BODY></BODY>, ya que si fuera al revés el manejador de eventos no tendría nada a qué referirse. Volvamos sobre el ejemplo de variables globales y locales para incluirlo ya en una página HTML capaz de ser visualizada por un browser. Las modificaciones aparecen en el siguiente ejemplo. <HTML> <HEAD> <TITLE>PRUEBA 1 </TITLE> <SCRIPT> var globalvar1=5; Function multiplica() { var localvar1=2 * globalvar1; alert("dos por cinco son= " + localvar1); </HEAD> <BODY BGCOLOR="#00AA00" TEXT="#FFFFFF" LINK="#0000FF" VLINK="#0000FF" ALINK="#0000FF" onload=multiplica()> <CENTER><H1> Esto es un ejemplo</h1></center> </BODY> </HTML> Pulsa aquí para ver cómo se vería esta página. Como se puede observar, hemos incluido, como se mencionó previamente, el código de script en sus etiquetas correspondientes y dentro de la cabecera del documento. Una vez dentro del cuerpo del documento, se ha incluido un manejador de eventos onload, que llama al script definido en la carga de la página, ejecutándolo. El script es una función que contiene un método, alert(), que despliega una ventana con el texto definido como argumento del método. A la hora de diseñar nuestras páginas y scripts se debe pensar también en los usuarios que no disponen de browsers capaces de tratar nuestros diseños. Por ello existe una etiqueta específica para estos últimos: <NOSCRIPT></NOSCRIPT>. El contenido de estas etiquetas es tratado por los browsers que no admiten scripts, mientras que no se interpreta por los que sí lo hacen. Para usar correctamente el JavaScript en un browser, es importante saber cómo funciona éste último a la hora de visualizar el diseño y la composición del texto plano modificado con códigos HTML. Esta composición a partir del diseño especificado se realiza
2 siempre secuencialmente, es decir, el browser comienza desde la primera línea de la página y continua descendiendo hasta el final de la misma. Por ello el JavaScript sólo refleja código que ya se haya encontrado. Por ejemplo, definamos en un formulario dos entradas de texto: <FORM NAME="formula"> <input type="text" name="usuario" size=20 > <input type="text" name="edad" size=3 > </FORM> A partir de su definición ambos elementos se pueden reflejar en JavaScript como los objetos document.formula.usuario y document.formula.edad respectivamente.sin embargo no se pueden usar si no están previamente definidos.por ejemplo, podemos visualizar sus valores mediante un script incluido después de la definición del formulario: <SCRIPT> document.write(document.formula.usuario.value) document.write(document.formula.edad.value) Sin embargo si lo ponemos antes no funcionará y aparecerá un error por no estar definido. Otro ejemplo: si hemos definido el título del documento como: <TITLE> PRUEBA DE JAVASCRIPT</TITLE> el browser visualiza en la barra de su ventana dicho título. Si intentamos ahora cambiar el valor del título: Document.title ="UNA NUEVA PRUEBA DE JAVASCRIPT" éste no cambiará, ni siquiera generará un error. Antes de centrarnos en partes internas de un documento, vamos a recordar cómo insertar scripts. Hay dos maneras distintas: Como sentencias de control y funciones usando las etiquetas <SCRIPT>. Como manejadores de eventos usando las demás etiquetas de HTML. Recordemos la opción <SCRIPT LANGUAGE="JavaScript> de especificación de lenguaje de código, y digamos que dentro de estas etiquetas puede ir un número indeterminado de instrucciones. Asimismo, ha de resaltarse que JavaScript es "case sensitive", es decir, hace distinción entre letras mayúsculas y letras minúsculas. Es importante entender la diferencia entre definir una función e invocar una función. Definirla le da nombre y especifica qué instrucciones ejecuta al ser llamada e invocarla hace que realmente ejecute las instrucciones.
3 Caso Práctico Para terminar este apartado vamos a estudiar un ejemplo que resume todo lo anteriormente explicado. Se trata de un script en un formulario con una llamada de manejador de eventos. El código lo podemos ver a continuación: <HTML> <HEAD> <TITLE>FORMULARIO 1</TITLE> function calcula(form){ if (confirm(" Está seguro?")) form.resultado.value=eval(form.expr.value); else alert("vuelva a intentarlo."); <NOSCRIPT> <META HTTP-EQUIV=REFRESH CONTENT=0;URL=pru1.htm> </NOSCRIPT> </HEAD> <BODY BGCOLOR="#00AA00" TEXT="#FFFFFF" LINK="#0000FF" VLINK="#0000FF" ALINK="#0000FF"> <CENTER><H1>Calculadora</H1> <BR><FORM> Introduzca expresión: <INPUT TYPE="text" NAME="expr" SIZE=15> <INPUT TYPE="button" VALUE="Calcular" onclick="calcula(this.form)"> <BR> Resultado: <INPUT TYPE="text" NAME "resultado" SIZE=15> <BR> </FORM></CENTER> </BODY> </HTML> Lo primero que nos encontramos es la definición en la cabecera de documento de la función calcula(form) que tiene como argumento el propio formulario. Las instrucciones que contiene se rigen por un bloque if - else que valora un método no visto hasta ahora confirm("cadena"): function calcula(form) { if (confirm(" Está seguro?")) form.resultado.value=eval(form.expr.value); else alert("vuelve a intentarlo."")
4 Lo que hace es sacar una ventana, como la que aparecía con el método alert("cadena") con la única diferencia que ofrece dos botones: uno de cancelación y otro de confirmación.la elección del usuario es lo que impone la condición del bloque if. En la línea if (confirm(" Está seguro?")) se controla si el usuario ha elegido Aceptar. En este caso el valor del cuadro de texto "resultado" del formulario definido en el cuerpo del fichero, toma el valor del resultado, valga la redundancia, de la expresión que haya sido introducida en el cuadro de texto "expr". Si el usuario elige el botón de cancelar, entramos en el else del bloque, haciendo que aparezca una ventana con el método alert(), diciendo "Vuelva a intentarlo". Observamos también una función nueva hasta ahora:eval("cadena").lo que hace esta función es transformar a valor numérico la expresión matemática introducida en la cadena. En nuestro caso la cadena viene dada por el contenido del cuadro de texto "expr". Hay que señalar que este script no valida la entrada de datos, por lo que si no introducimos una expresión susceptible de evaluación matemática, obtendremos un error. Programa JavaScript! 2. Comentarios en JavaScript " # $ %!& ' ( )*+)!,"- &.&//!0) // comentario de una línea
5 )/*( +*/(- + /* comentario de varias líneas */ 1 {!)1 * *! 3. Inclusión de ficheros externos con código JavaScript "1 ) <head></head>! 2 <body> </body>(# ) )1 +) - '1! 31-4 %) %!,-4" " ( 1 1'<head></head>+ <SCRIPT LANGUAGE="JavaScript" SRC="fichero.js">,!)- " -4%!% 55! 4. Escritura de cadenas de texto en la página 1 Texto document.write("texto") 1 Texto document.writeln("texto") &" %
6 ,# <HTML> <HEAD> <TITLE>Ejemplo 2.1: escritura de cadenas de texto</title> </HEAD> <BODY> document.write('<img SRC="imagen.gif">') document.write("<br><h1>bienvenido a JavaScript</H1>") </BODY> </HTML> & 1 1)% '! 5. Cuadros de diálogo " ' alert() 1#window alert("texto") # alert(" Bienvenido!\n\n\tEsta Web está dedicada a JavaScript."), 1 1! # )11,% *!, ' prompt() 1#window # %! 1' 1)!,#
7 prompt("su color favorito es: ","Azul") 11, # %) -!, " 1!# ) " 1) <HTML> <HEAD> <TITLE>Ejemplo 2.2: página que pide el nombre</title> </HEAD> <BODY> var nombre = prompt("introduzca su nombre:","") document.write("<h2>bienvendio, " + nombre + "</H2>") <P>Aquí va el resto de la página...</p> </BODY> </HTML> #,#! 1 " # ) nombre!, 1 -% &8 1# -! 9 ) - " ' confirm() 1#window!, ' # % ) 1) confirm(" Desea volver al inicio de la página?"), ' (+ - (+! # : 4# " <HTML> <HEAD> <TITLE>Ejemplo 2.3: página que pide confirmación</title> </HEAD>
8 <BODY> <H1>Página sobre sellos</h1> var entrar = confirm(" De verdad desea entrar en esta pagina?") if (!entrar ) self.close() <P>Aquí va el resto de la página...</p> </BODY> </HTML>,# -! )( - +! )!-(!!!+ %&81# -! Declaración de variables # 1!, 1 1 -! var nombre_variable nombre_variable = "valor" 1!!# ) ) -1 1resultado! var resultado resultado = resultado4;!- )" 1!& 1) '1 -!, - 1! ) " 1 ) var resultado = ") 1 var 1)!
9 , 1 1 " _!2' *! 1 11 * *!,# <HTML> <HEAD><TITLE>Ejemplo 3.1: uso de una variable</title> var name = prompt("introduce tu nombre:","nombre") </HEAD> <BODY> document.write('<img SRC="welcome.gif">') document.write("<h1>hola " + name + ". Bienvenido a mi página!</h1>") </BODY></HTML>,# 4" 1nombre 1 ) - 4#!! 3. Operadores aritméticos, # %# "!5- ') ) (# ) )1* )!+!,% ' 3.1. Binarios = 0 " 4 += -= " " 4 4
10 *= /= %= 4 " 4 2 " " Unarios ++x x++ -x < % 2 % # 2% 4. Operadores lógicos 1 = 1! && >( )- + 3( 1 )-+! 5( -)- +
11 6. Operadores de comparación (+ -(+!, "- # )" - -! ==!= 2 2 > 2 < 2 >= <= Operadores condicionales,? (4 &//+!: # (condicion)? valor1 : valor2 )%?-!# (dia=="domingo")? "Festivo" : "Laborable",# <HTML> <HEAD><TITLE>Ejemplo operadores</title> var pregunta = " Cuánto vale ?" var respuesta_correcta = 20
12 var correcto = "<p> CORRECTO!</p>" var incorrecto = "<p>incorrecto</p>" //realiza la pregunta var respuesta_dada = prompt(pregunta, "0") //comprueba la respuesta var salida = (respuesta_dada == respuesta_correcta)? correcto : incorrecto </HEAD> <BODY> //escribe la salida document.write(salida) </BODY></HTML> 8. Comparaciones: sentencia if... else "" if... else! % if (condicion) sentencia unica if (condicion) { varias sentencias if (condicion) { varias sentencias else { varias sentencias2 if... else!, # if... else! <HTML> <HEAD><TITLE>Ejemplo sentencia if... else</title> //definicion de variables var pregunta = " Cuánto vale ?" var respuesta_correcta = 20 var correcto = "<p> Correcto!</p>" var incorrecto = "<p> Incorrecto!</p>" //realiza la pregunta var respuesta_dada = prompt(pregunta, "0"); //comprueba la respuesta if (respuesta_dada!= respuesta_correcta) { //respuesta incorrecta, segunda oportunidad if ( confirm(" No! Pulsa OK para reintentarlo.")) respuesta_dada = prompt(pregunta, "0")
13 //comprueba la respuesta var salida = (respuesta_dada == respuesta_correcta)? correcto : incorrecto </HEAD> <BODY> //escribe la salida document.write(salida) </BODY></HTML> Definición de una función function nombre_funcion(argumentos) { bloque de comandos, 1-1 * "!,# function ImprimeNombre(nombre) { document.write("<hr>tu nombre es <B><I>") document.write(nombre) document.write("</b></i><hr>") 1 % - 1 -! -! function cubo(numero) { var cubo = numero * numero * numero return cubo 1' 41 return numero * numero * numero -eval()* '! # )eval("10*10")?;;!,# <HTML> <HEAD><TITLE>Preguntador</TITLE>
14 //DEFINICION DE LA FUNCION HazPregunta() function HazPregunta(pregunta) { //VARIABLES LOCALES var solucion = eval(pregunta) var salida = "Que da " + pregunta + "?" var correcto='<img SRC="correcto.gif">' var incorrecto='<img SRC="incorrecto.gif">' //REALIZA LA PREGUNTA var respuesta = prompt(salida,"0") //COMPRUEBA EL RESULTADO return (respuesta == solucion)? correcto : incorrecto </HEAD> <BODY> //EJECTUA LA FUNCION HazPregunta var resultado = HazPregunta(" ") document.write(resultado) </BODY></HTML> 2. Funciones recursivas!b# -- * function factorial(numero) { if (numero > 1) { return numero * factorial(numero - 1) else { return numero,-1- * %% - %C? %DE%F(%C?+D : - # - " <HTML> <HEAD><TITLE>Preguntador</TITLE> //DEFINICION DE LA FUNCION HazPregunta() function HazPregunta(pregunta) { //VARIABLES LOCALES
15 var solucion = eval(pregunta) var salida = "Que da " + pregunta + "?" var correcto='<img SRC="correcto.gif">' var incorrecto='<img SRC="incorrecto.gif">' //REALIZA LA PREGUNTA var respuesta = prompt(salida,"0") //COMPRUEBA EL RESULTADO return (respuesta == solucion)? correcto : HazPregunta(pregunta) </HEAD> <BODY> //EJECTUA LA FUNCION HazPregunta var resultado = HazPregunta(" ") document.write(resultado) </BODY></HTML>,- 1!B1- * *! - 1-# )' 9) "! 3. Creación de objetos 1#) -(+ function empleado(nombre, edad, puesto) { this.nombre = nombre this.edad = edad this.puesto = puesto,)this-1# "!B" - ) 1( 1#+ empleado_1 = new empleado("pedro", 26, "Programador") $ 1#4 -!# empleado_1.jefe = "Luis"
16 , -1#! 1# - 1# 1#!# function oficina(ciudad, pais) { this.ciudad = ciudad this.pais = pais oficinapedro = new oficina("madrid","españa") empleado_1 = new empleado("pedro", 26, "Programador", oficinapedro),# )4 - - function empleado(nombre, edad, puesto, oficina) this.nombre = nombre this.edad = edad this.puesto = puesto this.oficina = oficina 2-1#) -!,-1 1 '!B ' - function mostrarperfil() { document.write("nombre: " + this.nombre + "<BR>") document.write("edad: " + this.edad + "<BR>") document.write("puesto: " + this.puesto + "<BR>") function empleado(nombre, edad, puesto) { this.nombre = nombre this.edad = edad this.puesto = puesto this.mostrarperfil = mostrarperfil 0 1# ' empleado_1.mostrarperfil,# - <HTML><HEAD><TITLE>Empleados</TITLE> //DEFINE EL METODO muostrarperfil function mostrarperfil() { document.write("<h1>perfil del empleado " + this.nombre + "</H1><HR><PRE>") document.writeln("edad: " + this.edad) document.writeln("puesto: " + this.puesto) document.write("</pre>")
17 //DEFINE EL OBJECTO EMPLEADO function empleado() { this.nonmbre = prompt("introduzca el nombre del empleado: ", "Nombre") this.edad = prompt("introduzca la edad de " + this.nombre, "00") this.mostrarperfil = mostrarperfil nuevoempleado = new empleado() </HEAD><BODY> nuevoempleado.mostrarperfil() </BODY></HTML> 4. Arrays asociativos, 1# empleado_1[0] = "Pedro" empleado_1[1] = 26 empleado_1[2] = "Programador" > 1' empleado_2["nombre"] equivale a empleado_2[0] empleado_2["edad"] equivale a empleado_2[1] : # * <HTML><HEAD><TITLE>Menu de usuario</title> //DEFINE METODO PARA VER LA INFORMACION function verinfo() { document.write("<h1>perfil del empleado: " + this.nombre + "</H1><HR><PRE>") document.writeln("numero de empleado: " + this.numero) document.writeln("edad: " + this.edad) document.writeln("puesto: " + this.puesto) document.write("</pre>") //DEFINE METODO PARA OBTENER LA INFORMACION function obtenerinfo() { var menu = "1. Salir/n2. Nombre/n3. Edad/n4. Puesto" var eleccion = prompt(menu, "0") if (eleccion!= null) { if ((eleccion < 0) (eleccion > 4)) { alert ("Eleccion incorrecta.") this.obtenerinfo() else {
![Arrays asociativos, 1# empleado_1[0] = "Pedro" empleado_1[1] = 26 empleado_1[2] = "Programador" > 1' empleado_2["nombre"] equivale a empleado_2[0] empleado_2["edad"] equivale a empleado_2[1] : # *](/docs-images/44/6719419/images/page_17.jpg "<HTML><HEAD><TITLE>Menu de usuario</title> //DEFINE METODO PARA VER LA INFORMACION function verinfo() { document.write(\"<h1>perfil del empleado: \" + this.nombre + \"</H1><HR><PRE>\") document.")
18 if (eleccion!= "0") { this[eleccion - 1] = prompt("introduzca informacion","") this.obtenerinfo() //DEFINE OBJETO function empleado() { this.nombre = "" this.edad = 0 this.puesto = 0 this.verinfo = verinfo this.obtenerinfo = obtenerinfo empleadonuevo = new empleado() </HEAD> <BODY> empleadonuevo.obtenerinfo() empleadonuevo.verinfo() </BODY></HTML> Eventos en JavaScript,) '!B "*(# ) 1 - ) +! #!, " - #! 1 # ") -!?!?,?!; B - ) -?!;(?!? +, - 1
19 ?!; 4 1#-?!( #-?!, 1#?!??!?(?! + B) - 1-?!,?!,?!,1?!;(?!? +,!?!, 1!!"?!,!#?!?,1!#"?!;(?!? +,!?!,1 1!"?! $?!?, - $%?! 1 $
20 &?!; % % % - &?!;, -?!;,1,# <INPUT TYPE="text" onchange="compruebacampo(this)">,# )CompruebaCampo()- - (41 1 +!, - this1 #) -1# - -( ) - +! 1 "1# 1# 5! ' ()*()()() ()$()$()&()& () +*()+*() ()&()+*()+* () ()*()()$() $()& () ' () ()*()()() ()$()$()&()& () +*()+*() ()' ()()+* ()' ()()+*
21 !!!"!#!#"!!" $ $% & & ()' ()()+* ' ()() () () 5( 1+ () () () () +*()+* 2. Métodos de evento disponibles en JavaScript ' ",-,-,-,-,-! ", - 1# " 1 1# -1# % 7" -,#
22 <HTML> <HEAD><TITLE>Eventos</TITLE> <SCRIPT> function Reacciona(campo) { alert(" Introduzca un valor!") campo.focus() </HEAD> <BODY> <FORM METHOD=POST> <INPUT TYPE=text NAME=campo onfocus="reacciona(this)"> </FORM> </BODY> </HTML> 3. Eventos onload y onunload 1 <BODY>!,# <BODY onload="hola()" onunload="adios()"> -Hola()# -Adios()1!,# <HTML> <HEAD> <TITLE>Ejemplo onload y onunload</title> </HEAD> <BODY onload="alert(' Bienvenido a mi página!')" onunload="alert(' Vuelva pronto!')">... </BODY> </HTML>,# "- <HTML> <HEAD> <TITLE>Ejemplo con funciones</title> var name = "" function Hola() { nombre = prompt('introduzca su nombre:','') alert(' Hola ' + nombre + '!') function Adios() { alert(' Adios ' + nombre + '!') </HEAD>
23 <BODY onload="hola()" onunload="adios()">... </BODY> </HTML> 4. Ejemplo de aplicación en formularios : # % <INPUT TYPE=text NAME="test" onblur="alert(' Gracias!')" onchange="comprueba(this)">,# ) <HTML> <HEAD><TITLE>Calculadora interactiva</title> function Calcula(form) { form.resultados.value = eval(form.entrada.value) function CogeExpresion(form) { form.entrada.blur() form.entrada.value = prompt("introduce una expresión matemática válida en JavaScript","") Calcula(form) </HEAD> <BODY> <FORM METHOD=POST> Calculadora interactiva: <INPUT TYPE=text NAME="entrada" VALUE="" onfocus="cogeexpresion(this.form)"> <BR>El resultado es:<input TYPE=text NAME="resultados" VALUE="" onfocus="this.blur()"> </FORM> </BODY> </HTML> Acceso a los formularios de una pagina - -!,forms - ) ' -!2 )# <FORM METHOD=POST NAME="Formu"> - )- document.forms[0] (primer formulario) document.forms["formu"] document.formu
24 1.1. Propiedades del objeto formulario # 4 4 & 1 0&< ( %) )1)!!!+ & <," - -!7-#1,5&>, 937 & 150, 937 & 1 1# 1 ( #* - & 1, Métodos del objeto form 4, 1 < # ,-,# <HTML> <HEAD><TITLE>Ejemplo de metodo submit()</title> function CompruebaValor(Formu) { if (Formu.respuesta.value == "100") Formu.submit()
25 else Formu.respuesta.value = "" </HEAD> <BODY> <FORM METHOD=POST onsubmit="alert(' Respuesta correcta!'); return false"> Cuánto vale 10 * 10? <INPUT TYPE="text" NAME="respuesta" onchange="compruebavalor(this.form)"> </FORM> </BODY> </HTML> 1.3. Eventos de formulario $ 7 1 & 1 & Acceso a los elementos de un formulario - ) "elements!, 1# - ())*)))))) )))))))) ))*)*+) -! # )- 19 %(*+ (*+) MiFormu.elements[0] MiFormu.elements[1] MiFormu.elements[2] 31 " 1!0) % # %) MiFormu.elements[0] MiFormu.elements["MiTexto"] MiFormu.MiTexto,# " elements1!
26 <HTML> <HEAD> <TITLE>Tabla de multiplicar</title> function Calcula(Formu) { var num = 1 var Numero = Formu.Numero.value Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ Formu.elements[num].value = Numero * num++ </HEAD> <BODY> <FORM METHOD=POST> Number: <INPUT TYPE=text NAME="Numero" VALUE=1 onchange="calcula(this.form);"><br> x 1: <INPUT TYPE=text NAME="1" VALUE=1 onfocus="blur();"><br> x 2: <INPUT TYPE=text NAME="2" VALUE=2 onfocus="blur();"><br> x 3: <INPUT TYPE=text NAME="3" VALUE=3 onfocus="blur();"><br> x 4: <INPUT TYPE=text NAME="4" VALUE=4 onfocus="blur();"><br> x 5: <INPUT TYPE=text NAME="5" VALUE=5 onfocus="blur();"><br> x 6: <INPUT TYPE=text NAME="6" VALUE=6 onfocus="blur();"><br> x 7: <INPUT TYPE=text NAME="7" VALUE=7 onfocus="blur();"><br> x 8: <INPUT TYPE=text NAME="8" VALUE=8 onfocus="blur();"><br> x 9: <INPUT TYPE=text NAME="9" VALUE=9 onfocus="blur();"><br> x 10: <INPUT TYPE=text NAME="10" VALUE=10 onfocus="this.blur();"><br> <INPUT TYPE=button NAME="Calcula" VALUE="Calcula" onclick="calcula(this.form);"> </FORM> </BODY> </HTML> # elements - " 1 -!# )-%& # 1 - function Calcula(Formu) { var Numero = Formu.Numero.value for(num = 1; num <= 10; num++) { Formu.elements[num].value = Numero * num
27 3. Métodos, propiedades y eventos de los elementos de un formulario & - ' "1-!0 1! 3.1. Cuadro de selección (checkbox) # 4G < -&4G < - G(+ < 1 - <5B < - <5B 1 1 $ &G & Botón de selección (radio), (*+ - 1! # 4G < 1 -&4G < - < 1 - <5B <
28 - <5B % 4 G(+ < 1 < * $ &G & 1 1 1,# <HTML> <HEAD> <TITLE>Ejemplo de cuadro de seleccion (checkbox)</title> <SCRIPT> function Calcula(Formu, Campo) { if (Formu.BotonAccion[1].checked) { Formu.resultado.value = Math.sqrt(Formu.entrada.value) else { Formu.resultado.value = Formu.entrada.value * Formu.entrada.value </HEAD> <BODY> <FORM METHOD=POST> <P>Valor:<BR> <INPUT TYPE="text" NAME="entrada" VALUE=0 onchange="calcula(this.form, this.name);"> <P>Acción:<BR> <INPUT TYPE="radio" NAME="BotonAccion" VALUE="cuadrado"> Al cuadrado<br> <INPUT TYPE="radio" NAME="BotonAccion" VALUE="raiz2"> Raiz cuadrada<br> <P>Resultado:<BR> <INPUT TYPE=text NAME="resultado" VALUE=0> </FORM> </BODY> </HTML>
29 3.3. Cuadro de texto (text) # -: -(+ 1(+ (+ < - - <5B < 1 - <5B < 2- ( %"+ H- % % $ &4 9 = & 1 % & - % &' - & % 3.4. Lista de selección (select) # 0 < % 2 IJ! IJ! % IJ! IJ! - < ) - 3<35 & % < < -
30 -(+ 1(+ 2- H- $ &4 9 = & 1 & - &' - & # ) <SELECT NAME="Ejemplo" onfocus="ver()"> <OPTION SELECTED VALUE="Opción 1">1 <OPTION VALUE="Opción 2">2 <OPTION VALUE="Opción 3">3 </SELECT> ) 4 Ejemplo.options[1].value = "Opción 2" Ejemplo.options[2].text = "3" Ejemplo.selectedIndex = 0 Ejemplo.options[0].defaultSelected = true Ejemplo.options[1].selected = false 3.5. Area de texto (textarea) defaultvalue)namevalue) - %! ' focus()) blur()select() " ) onfocus)onbluronselect! 3.6. Botones submit y reset 1 namevalue) " ' click() onclick()!
31 ,11 ' - ' submit()onsubmit!, ' submit()" - (1 +!, onsubmit - ) " - "(# ) +! 4. Ejemplo final: calculadora <HTML> <HEAD> <TITLE>Calculadora</TITLE> <SCRIPT> var total = 0 var UltimaOperacion = "+" var NuevoNumero = true function IntroduceNumero(Digito) { var Formu = Digito.form if (NuevoNumero) { BorraNumero(Formu) NuevoNumero = false Formu.display.value = Formu.display.value + Digito.name function Limpiar(Formu) { total = 0 UltimaOperacion = "+" Formu.display.value = "" function BorraNumero(Formu) { Formu.display.value = "" function Calcula(Operacion) { var Formu = Operacion.form var Expresion = total + UltimaOperacion + Formu.display.value UltimaOperacion = Operacion.value total = eval(expresion) Formu.display.value = total NuevoNumero = true </HEAD> <BODY> <FORM> <TABLE BORDER=1> <TR><TD COLSPAN=4><INPUT TYPE=text NAME=display VALUE="" onfocus="this.blur();"></td></tr> <TR> <TD><INPUT TYPE=button NAME="7" VALUE=" 7 "
32 onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="8" VALUE=" 8 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="9" VALUE=" 9 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="+" VALUE=" + " onclick="calcula(this);"></td></tr><tr> <TD><INPUT TYPE=button NAME="4" VALUE=" 4 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="5" VALUE=" 5 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="6" VALUE=" 6 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="-" VALUE=" - " onclick="calcula(this);"></td> </TR> <TR> <TD><INPUT TYPE=button NAME="1" VALUE=" 1 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="2" VALUE=" 2 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="3" VALUE=" 3 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="*" VALUE=" * " onclick="calcula(this);"></td></tr><tr> <TD><INPUT TYPE=button NAME="0" VALUE=" 0 " onclick="introducenumero(this);"></td> <TD><INPUT TYPE=button NAME="C" VALUE=" C " onclick="limpiar(this.form);"></td> <TD><INPUT TYPE=button NAME="CE" VALUE="CE" onclick="borranumero(this.form);"></td> <TD><INPUT TYPE=button NAME="/" VALUE=" / " onclick="calcula(this);"></td> </TR> </TABLE> </FORM> </BODY> </HTML> 31' -- var Formu = Digito.form 1-1Digito!
Tomar información por pantalla con JavaScript
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,
Scripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos
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
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
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
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.
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML:
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML Página 1 de 6 TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS
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
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:
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
Integración de GeoGebra en unidades de aprendizaje
Integración de GeoGebra en unidades de aprendizaje Marín Trechera, Luis Miguel 1 Gámez Mellado, Antonio 1 Resumen Las posibilidades didácticas de GeoGebra revelan todo su potencial al integrarse en unidades
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,...
Apuntes para hacer páginas Web con FrontPage
1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD
CONSULTAS CON SQL. 3. Hacer clic sobre el botón Nuevo de la ventana de la base de datos. Aparecerá el siguiente cuadro de diálogo.
CONSULTAS CON SQL 1. Qué es SQL? Debido a la diversidad de lenguajes y de bases de datos existentes, la manera de comunicar entre unos y otras sería realmente complicada a gestionar de no ser por la existencia
COMISIÓN NACIONAL PARA EL AHORRO DE ENERGÍA
COMISIÓN NACIONAL PARA EL AHORRO DE ENERGÍA PROGRAMA DE EFICIENCIA ENERGÉTICA SISTEMA DE CONTROLY SEGUIMIENTO DE INDICADORES DEL CONSUMO DE ENERGÍA HERRAMIENTA ELECTRÓNICA DE INDICADORES DEL CONSUMO DE
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
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
Formas de Pago y Efectos en Facturas de Venta WhitePaper Febrero de 2007
Formas de Pago y Efectos en Facturas de Venta WhitePaper Febrero de 2007 Contenidos 1. Propósito 3 2. Cuentas Bancarias 4 2.1. Dar de alta un banco 4 3. Formas de pago 6 3.1. Cómo crear formas de pago
Bibliotecas Escolares. Perfil de Lector.
Bibliotecas Escolares. Perfil de Lector. 2012 Como usuario Lector de AbiesWeb, podrás acceder al catálogo de fondos, solicitar reservas, ver tus préstamos activos, ver el historial de tus lecturas, escribir
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
COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.
2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM [email protected] VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho
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
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
DISEÑO WEB ADOBE DREAMWEAVER CS3
CLASE 6 CREACIÓN DE FORMULARIOS Todo sitio Web necesita recabar cierta información, a veces para contactarse con los visitantes, a veces para encuestas y en algunas ocasiones para realizar venta o contratación
Manual de rol gestor de GAV para moodle 2.5
Manual de rol gestor de GAV para moodle 2.5 Consultas LDAP-GAUR... 2 Buscar en LDAP datos de un usuario... 2 Docentes... 3 Buscar en GAUR datos de un docente... 3 Buscar en GAUR la docencia de un docente
MANUAL DE AYUDA HERRAMIENTA DE APROVISIONAMIENTO
MANUAL DE AYUDA HERRAMIENTA DE APROVISIONAMIENTO Fecha última revisión: Junio 2011 INDICE DE CONTENIDOS HERRAMIENTA DE APROVISIONAMIENTO... 3 1. QUÉ ES LA HERRAMIENTA DE APROVISIONAMIENTO... 3 HERRAMIENTA
JavaScript como Orientación a Objetos
Gustavo Lacoste ([email protected]) 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
Introducción a la Programación en MATLAB
Introducción a la Programación en MATLAB La programación en MATLAB se realiza básicamente sobre archivos M, o M-Files. Se los denomina de esta forma debido a su extensión.m. Estos archivos son simple archivos
Manual SBR. Pero antes de explicar las actividades que principalmente podemos desarrollar vamos a dar una visión global de la aplicación.
Manual SBR Este proyecto consta de una herramienta denominada SBR mediante la cual el usuario podrá realizar principalmente las siguientes actividades: Crear un nuevo dominio. Modificar el dominio existente.
COMISIÓN NACIONAL PARA EL USO EFICIENTE DE LA ENERGÍA
COMISIÓN NACIONAL PARA EL USO EFICIENTE DE LA ENERGÍA PROGRAMA DE EFICIENCIA ENERGÉTICA SISTEMA DE CONTROLY SEGUIMIENTO DE INDICADORES DEL CONSUMO DE ENERGÍA HERRAMIENTA ELECTRÓNICA DE INDICADORES DEL
OPERADORES LÓGICOS Y DE COMPARACIÓN EN PHP. PRIORIDADES. EJEMPLOS. EJERCICIOS RESUELTOS. (CU00818B)
APRENDERAPROGRAMAR.COM OPERADORES LÓGICOS Y DE COMPARACIÓN EN PHP. PRIORIDADES. EJEMPLOS. EJERCICIOS RESUELTOS. (CU00818B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP desde cero
La ventana de Microsoft Excel
Actividad N 1 Conceptos básicos de Planilla de Cálculo La ventana del Microsoft Excel y sus partes. Movimiento del cursor. Tipos de datos. Metodología de trabajo con planillas. La ventana de Microsoft
Tablas y Campos Nuevos
Tablas y Campos Nuevos Maxicomercio tiene la capacidad para poder agregar tablas y campos nuevos para darle nueva funcionalidad al sistema, los cambios que realice a la estructura de la base de datos podrán
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,
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á
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
MANUAL PARA GESTIÓN DE INCIDENCIAS INFORMÁTICAS
MANUAL PARA GESTIÓN DE INCIDENCIAS INFORMÁTICAS En este manual aprenderemos a introducir un Ticket de Soporte (Incidencia Informática) y ver todo el proceso hasta que se resuelve. Para poder escribir Tickets
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.
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
Introducción a la extensión de scripting en gvsig 2.0
Introducción a la extensión de scripting en gvsig 2.0 2012 gvsig Association Este documento se distribuye con la licencia Creative Commons 1 2 Índice de contenido 1 Introducción... 3 Instalación de la
Manual de Procedimiento
Manual de Procedimiento INSTALACION DEL PROGRAMA Este manual pretende ser una ayuda para el usuario, indicando cada uno de los pasos a seguir en su utilización. REQUERIMIENTOS: 1. Windows 98 o superior.
GUIA APLICACIÓN DE SOLICITUDES POR INTERNET. Gestión de Cursos, Certificados de Aptitud Profesional y Tarjetas de Cualificación de Conductores ÍNDICE
ÍNDICE ACCESO A LA APLICACIÓN... 2 1.- HOMOLOGACIÓN DE CURSOS... 4 1.1.- INICIAR EXPEDIENTE... 4 1.2.- CONSULTA DE EXPEDIENTES... 13 1.3.- RENUNCIA A LA HOMOLOGACIÓN... 16 2.- MECÁNICA DE CURSOS... 19
SUBIR ARCHIVOS CON FTP. TRABAJAR EN UN SERVIDOR REMOTO. CREAR UNA PÁGINA WEB CON PROGRAMACIÓN PHP. (CU00814B)
APRENDERAPROGRAMAR.COM SUBIR ARCHIVOS CON FTP. TRABAJAR EN UN SERVIDOR REMOTO. CREAR UNA PÁGINA WEB CON PROGRAMACIÓN PHP. (CU00814B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP
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
Tema 7: Programación con Matlab
Tema 7: Programación con Matlab 1. Introducción Matlab puede utilizarse como un lenguaje de programación que incluye todos los elementos necesarios. Añade la gran ventaja de poder incorporar a los programas
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
BASES DE DATOS - Microsoft ACCESS 2007-
BASES DE DATOS - Microsoft ACCESS 2007- Una base de datos es un archivo estructurado de datos que nos permite almacenarlos, modificarlos, ordenarlos, generar informes etc., de manera rápida. Un listín
RELACIÓN DE PRÁCTICAS DEL TEMA 2
RELACIÓN DE PRÁCTICAS DEL TEMA 2 PRÁCTICA S.O. (I): Crear un fichero con Wordpad con tus datos personales y guardarlo en c:/temp Crear una carpeta con tu nombre en c:/temp (ej. C:/temp/pepita) Copiar el
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 Alumno de la plataforma de e-learning.
2 Manual del Alumno de la Plataforma de E-learning 3 4 ÍNDICE 1. Página de Inicio...7 2. Opciones generales...8 2.1. Qué es el Campus...8 2.2. Nuestros Cursos...9 2.3. Cómo matricularme...9 2.4. Contactar...9
Guía rápida de la Oficina Virtual (Solicit@V5) Área Web y Administración Electrónica
Guía rápida de la Oficina Virtual (Solicit@V5) Área Web y Administración Electrónica HOJA DE CONTROL Título Nombre del Fichero Autores Guía rápida de la Oficina Virtual (Solicit@V5) UHU_GuiaRapidaSolicita_V5.pdf
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
Universidad de Zaragoza Manual de Usuario EXPEDIENTES-Sigm@
Universidad de Zaragoza Manual de Usuario EXPEDIENTES-Sigm@ Unidad Sigma/Vicegerencia Académica MANUAL DE USUARIO EXPEDIENTES SIGM@... 1 1. ÍNDICE... 2 2. ENTRADA EN LA APLICACIÓN... 3 3. CONSULTA DE EXPEDIENTES...4
ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]
![ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]](/thumbs/24/3989924.jpg "ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]")
ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental] Action script es el lenguaje de programación que lleva incorporado el software de creación multimedia Macromedia
Tutorial PowerPoint. Crear una nueva presentación
Tutorial PowerPoint La herramienta PowerPoint esta diseñada para realizar presentaciones multimedia, esta disponible en sistema Windows y MacOS. PowerPoint no solo esta pensado para realizar presentaciones
Concesionario de coches
Realizaremos una práctica que consistirá en informatizar un concesionario de coches. Gestionaremos y mecanizaremos la entrada de datos. Crear el diseño de las tablas Antes de empezar con el diseño de nuestra
Ecuaciones de primer grado con dos incógnitas
Ecuaciones de primer grado con dos incógnitas Si decimos: "las edades de mis padres suman 120 años", podemos expresar esta frase algebraicamente de la siguiente forma: Entonces, Denominamos x a la edad
Creación de nuevos modelos a partir de otros ya existentes.
Creación de nuevos modelos a partir de otros ya existentes. 1.- Introducción y definición. Proteus integra una librería con miles de modelos de componentes electrónicos listos para utilizar en la simulación
INDICE. 1. Introducción... 4. 2. El panel Entities view... 5. 3. El panel grafico... 6. 4. Barra de botones... 6. 4.1. Botones de Behavior...
MANUAL DE USUARIO INDICE 1. Introducción... 4 2. El panel Entities view... 5 3. El panel grafico... 6 4. Barra de botones... 6 4.1. Botones de Behavior... 7 4.2. Botones de In-agents... 8 4.3. Botones
Laboratorio 6. Creación de sitios Web - Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 6. Creación de sitios Web - Dreamweaver El objetivo de este laboratorio es aprender a crear sitios
LAS CONSULTAS ACCESS 2007. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE
LAS CONSULTAS ACCESS 2007 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE LAS CONSULTAS En esta unidad veremos cómo crear consultas y manejarlas para la edición de registros de tablas
HOW TO SOBRE REMOTE ACCESS VPN MODE EN LINUX
HOW TO SOBRE REMOTE ACCESS VPN MODE EN LINUX 1- En este how to realizaremos una conexión remota mediante vpn; lo que haremos es comprobar primero que las maquinas que vamos a conectar, se puedan ver y
3.1. Guardar un libro de trabajo
Vamos a ver las operaciones referentes a archivos como abrir, nuevo, guardar, guardar como y cerrar para poder manejarlas sin problemas a la hora de trabajar con libros de trabajo de Excel. Básicamente
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
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:
Definiciones. Tema 21_Módulos Menú 1
Definiciones Un menú es una lista de opciones o de órdenes que forman parte de un mismo título, mediante los cuales se podrán seleccionar determinadas operaciones de la aplicación. El conjunto de todos
Bases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Prototipo de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:
Movistar Imagenio Keteké (Comunidad MoviStar) MANUAL DE USUARIO
Keteké (Comunidad MoviStar) MANUAL DE USUARIO Versión: 1 Publicación: Mayo 2010 Este manual de servicio es propiedad de Telefónica de España SAU, queda terminante prohibida la manipulación total o parcial
App Cita Previa (smartphone)
Desde la aplicación cita previa podemos reservar una cita en uno de los centros de atención e información de la seguridad social, y también consultar y cancelar las ya concertadas. Antes de empezar tienes
Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.
Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números
Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE
Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE 1. PARA QUÉ SIRVE ESTA APLICACIÓN? 2. QUIÉN PUEDE HACER USO DE ELLA? 3. CÓMO SE UTILIZA? 1. PARA QUE SIRVE ESTA APLICACIÓN? El objeto
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
INSTALACIÓN Y REGISTRO
INSTALACIÓN Y REGISTRO Maître Serie 4 Profesional se puede obtener a partir del CD de instalación o mediante la pagina web www.astarteinformatica.com en el apartado indicado a la página de dicha aplicación.
Manual de PHP Básico - WebEstilo
(páx. 1) http://leliadoura.com.es/dai/phpwebestilo/manual/basico/index.html (páx. 1) Manual de PHP Básico - WebEstilo Iniciación a PHP - Conceptos Básicos - Nuestro primer PHP - Variables Operadores en
Introducción a PostgreSQL con PHP
1 Introducción a PostgreSQL con PHP Recientemente he tenido que utilizar PostgreSQL para realizar algunos proyectos en donde laboro, principalmente por las características que ofrece PostgreSQL sobre MySQL,
Manual CMS Mobincube
Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una
ESCUELA SUPERIOR DE INFORMATICA Prácticas de Estadística UNA SESIÓN EN SPSS
UNA SESIÓN EN SPSS INTRODUCCIÓN. SPSS (Statistical Product and Service Solutions) es un paquete estadístico orientado, en principio, al ámbito de aplicación de las Ciencias sociales, es uno de las herramientas
GENERACIÓN DE CÓDIGO
GENERACIÓN DE CÓDIGO INTRODUCCION La generación de código es la fase más compleja de un compilador, puesto que no sólo depende de las características del lenguaje fuente sino también de contar con información
Manual hosting acens
Manual hosting acens Contenido Acceso al panel de control de cliente... 3 Asociar un dominio a mi Hosting... 5 Acceso al panel de administración del hosting... 7 INICIO - Visión general del estado de nuestro
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
SOLUCIÓN CASO GESTIÓN DE PERSONAL I
SOLUCIÓN CASO GESTIÓN DE PERSONAL I Empezaremos abriendo un nuevo libro de trabajo que podemos guardar como Nóminas e introducimos los datos que nos proporciona el enunciado relativos a coste por hora
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
Una vez que tengamos el padrón de un determinado tributo con todos sus datos actualizados, podemos generar los recibos de ese padrón.
11. RECIBOS. Desde esta opción de Menú vamos a completar el proceso de gestión de los diferentes tributos, generando recibos, informes de situación, impresiones, etc. 11.1. GENERACIÓN DE RECIBOS. Una vez
Kaldeera Advanced Forms 2009 Guía del usuario
Kaldeera Advanced Forms 2009 Guía del usuario Indice Usando Kaldeera Advanced Forms 2009... 3 Accediendo a la página de configuración... 3 Activando o desactivando la funcionalidad de Kaldeera Advanced
Administrar El Usuario Mediante Windows NT
Administrar El Usuario Mediante Windows NT Administración de usuarios El Administrador de usuarios es la utilidad estándar que ofrece Windows NT. Como su nombre indica, se encarga de la administración
ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ
CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear
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
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
CREACIÓN Y CONFIGURACIÓN DE WIKIS
Paso 1: Creación CREACIÓN Y CONFIGURACIÓN DE WIKIS Como con el resto de actividades, para crear un wiki lo primero es activar el modo de edición y seleccionar la opción Wiki de la lista desplegable Agregar
Instalación del Admin CFDI
Instalación del Admin CFDI Importante!!!Antes de comenzar verifique los requerimientos de equipo esto podrá verlo en la guía 517 en nuestro portal www.control2000.com.mx en el apartado de soporte, ahí
OPERACIONES EN MOSTRADOR
OPERACIONES EN MOSTRADOR Hacer un ticket de mostrador Para hacer un ticket de mostrador, si tenemos obligación de identificar al cajero, identificamos al cajero, pulsando el código de cajero y el botón
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,
Manual de ayuda para crear y gestionar Tareas, como actividad evaluable
Manual de ayuda para crear y gestionar Tareas, como actividad evaluable Contenido TAREAS.... 3 CONFIGURACIÓN.... 3 GESTIÓN Y CALIFICACIÓN DE TAREAS.... 8 TAREAS. Mediante esta herramienta podemos establecer
Capítulo 3 Usando GUIDE. 3.1 Acerca de GUIDE
Capítulo 3 Usando GUIDE 3.1 Acerca de GUIDE Las interfaces gráficas de usuario (GUI - Graphical User Interface en inglés), es la forma en que el usuario interactúa con el programa o el sistema operativo
REDES DE ÁREA LOCAL. APLICACIONES Y SERVICIOS EN WINDOWS
REDES DE ÁREA LOCAL. APLICACIONES Y SERVICIOS EN WINDOWS Servicio DNS - 1 - Servicio DNS...- 3 - Definición... - 3 - Instalación... - 5 - Configuración del Servidor DNS...- 10 - - 2 - Servicio DNS Definición
BREVE MANUAL DE SOLVER
BREVE MANUAL DE SOLVER PROFESOR: DAVID LAHOZ ARNEDO PROGRAMACIÓN LINEAL Definición: Un problema se define de programación lineal si se busca calcular el máximo o el mínimo de una función lineal, la relación
Desarrollo Web en Entorno Servidor
Desarrollo Web en Entorno Servidor Tema 1: Introducción 1. Tipos de páginas Web. 2. Instalación del software. (XAMPP) 1 Tipos de páginas Web. Páginas estáticas. Páginas dinámicas. 2 Tipos de páginas Web.
Alumn@: U.T. 6.- Lenguaje Javascript - DOM. Parte Práctica
E-mail: [email protected] 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
Objetivo: Introducción conceptual y aplicación básica de los lenguajes del lado del servidor.
Sesión 03: Lenguajes web del servidor Competencias a Conseguir: - Conocer el entorno de trabajo a nivel de servidores web. - Instalación del localhost (Servidor Local). - Repaso general de PHP y ejercicios