Está en la página 1de 29

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

LENGUAJE JAVASCRIPT
JavaScript es un lenguaje de alto nivel, basado en objetos, diseado para permitir a los programadores Web la generacin de documentos Web interactivos de un modo sencillo. El vocabulario de JavaScript, relativamente pequeo, es fcil de comprender y nos da un amplio nmero de posibilidades, antes no disponibles. JavaScript nos proporciona un conjunto de herramientas compactas propias que realzan las interacciones entre los usuarios y las pginas HTML. Estas herramientas nos permiten responder a las pulsaciones del ratn, a las entradas de los formularios, a la navegacin de la pgina y a otros eventos. Una de las caractersticas principales de JavaScript es su capacidad para capturar un nmero limitado de acciones del usuario, conocidas por la mayora de los programadores como eventos. JavaScript se inserta dentro de los documentos HTML por medio de las etiquetas de comienzo y final de script. El navegador comienza buscando la primera etiqueta de script: <SCRIPT LANGUAGE=JavaScript> y continua leyendo todo lo que encuentra hasta llegar a la etiqueta de finalizacin del script: </SCRIPT> Por ejemplo El siguiente inserta JavaScript en la seccin BODY

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 1

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

CARACTERES ESPECIALES
Cuando se escriben scripts, a veces es necesario decirle al ordenador que utilice caracteres especiales o teclas, tales como la tabulacin o retorno de carro. Para hacer esto se utiliza la siguiente tabla: Cdigo de escape \b \f \n \r \t \\ \ \ Significado Espacio hacia atrs Alimentacin de lnea Nueva lnea Retorno de carro Tabulacin Backslash Comilla simple Comilla doble

Hay que tener presente que en algunos navegadores no funcionara algunos de ellos, por ejemplo si queremos hacer salto de lnea podemos utilizar cdigo HTML eso lo reconoce, ver en la imagen la etiqueta <br>.

ESTRUCTURA DE CONTROL Las estructuras de control nos permiten modificar el flujo de ejecucin bsico de los scripts. if if(condicin){ sentencias; } if...else if(condicin){ sentencias; }else{ sentencias; } Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com correo: salinas282003@hotmail.com Pgina 2

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] BUCLES La utilizacin de los bucles dentro de un script sirve para mejorar la programacin. for for(valor inicial; condicin; incremento[decremento]){ sentencias; } while while(condicin){ sentencias; } do..while do{ sentencias; }while(condicin)

TIPOS DE VENTANAS POPUS EN JAVASCRIPT


En JavaScript existen 3 tipos de ventanas popup que tienen diferentes usos y sintaxis: 1. Alert: Muestra un cuadro de dialogo de alerta con un botn ACEPTAR y sonido (beep). Se utiliza para enviar mensajes al usuario.

Sintaxis alert(MensajeDeAlerta); Por ejemplo

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 3

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] 2. Confirm: Muestra un cuadro de dialogo, para que el usuario pueda confirmar o cancelar una accin de proceso. Por ejemplo

El resultado ser el siguiente teniendo presente que despus de elegir alguna de las dos opciones (OK) o (CANCELAR) se ejecutara la condicional.

Si el botn es Aceptar, se mostrara la ventana de la izquierda, caso contrario se mostrara la ventana de la derecha.

3. Prompt: Muestra un cuadro de dialogo, para que el usuario pueda ingresar un dato. Se puede especificar un valor por defecto. prompt(MensajeDePrompt[,valor predeterminado]);

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 4

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] Por ejemplo

VARIABLES EN JAVASCRIPT Las variables en JavaScript pueden almacenar cualquier tipo de datos (cadenas o valores). Se considera un lenguaje de programacin de tipos libres, la declaracin de una variable se hace con la sentencia var. Var NombreDeVariable [=valor/expresion]; Por ejemplo

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 5

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

Otro ejemplo Para este presente ejemplo vamos a utilizar concatenacin de cadenas, es decir, sumar cadenas Cadena=cadena1+cadena2++cadenaN; Ahora si concatenamos una cadena con un nmero por ejemplo predomina el de mayor jerarqua es decir la cadena.

El resultado ser:

Tenga presente que a pesar que nuestra variable i toma valores desde 1 hasta 10 pero la etiqueta <h1> toma valores solo hasta <h6>

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 6

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] OPERADORES La idea general para escribir un script es introducir, evaluar, manipular y mostrar informacin. Para crear programas tiles necesitamos evaluar, incluso cambiar la informacin con la que trabajan los scripts.

Operador

Precedencia Asignacin = += -= *= /= %= <<= >>= >>>= &= ^= |= Condicional ?: o lgica || y lgica && o nivel bit | xor nivel bit ^ y nivel bit & Igualdad = |= Comparacin < <= > >= Desplazamiento << >> >>> Suma/Resta + Multiplicacin/ * /
Divisin Negacin/ Incremento

! ~ - ++ --

Por ejemplo Vamos a crear una tabla de multiplicar, para ello ingresaremos un nmero por teclado el que ser ledo por la ventana prompt, veamos el ejemplo

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 7

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

ARRAYS
Un arreglo es una matriz ya sea unidimensional o multidimensional visto de manera matemtica, sin embargo en un lenguaje coloquial seria un conjunto de elementos el cual tiene un orden, ya sea mediante filas o columnas, veamos los diferentes tipos de crear una matriz:

1.- Arreglo esttico, es un conjunto de dos o ms expresiones (nmeros, cadenas, objetos, etc) encerradas entre corchetes, con una cantidad ya definida. nombreArray=[dato1,dato2,..,datoN]; o tambin se puede realizar de la siguiente manera: nombreArray=new Array[5]; nombreArray[0]=dato1; nombreArray[1]=dato2; .. nombreArray[4]=dato5; Por ejemplo

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 8

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

2.- Arreglo dinmico, es un conjunto de dos o ms expresiones (nmeros, cadenas, objetos, etc) encerradas entre corchetes, la cantidad se define segn vallamos ingresando los datos. nombreArray=new Array( ); esto deja libre al arreglo a almacenar la cantidad de datos libremente. Por ejemplo

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 9

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

Veamos el resultado del cdigo anterior, primero se irn mostrndose las ventanas para ingresar los valores del arreglo.

Al final del proceso nos mostrara el resultado, como se muestra en la siguiente ventana

CADENAS
Algo que se utiliza a menudo son las cadenas, son importantes ya que con ellas podemos concatenar (como ya hemos visto) pero no es lo nico que podemos hacer, veamos: 1.- length, define la longitud del texto 2.- indexOf, indica la posicin de una frase a partir de una posicin dada, sino lo encuentra resulta ser -1. 3.- substring, extrae parte del texto desde una posicin inicial hasta una posicin final. 4.- charAt, extrae un carcter de un texto en una posicin indicada. 5.- toUpperCase, muestra al texto en mayscula. 6.- toLowerCase, muestra al texto en minscula.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 10

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

El resultado se muestra en la siguiente imagen

UBICACIN DEL CODIGO JAVASCRIPT


La ubicacin del cdigo javascript va a depender de cuando uno quiere que se ejecute y cuantas veces quiere reutilizar dicho cdigo. Debemos tener presente que los navegadores leen el cdigo HTML lnea por lnea, entonces van ejecutando o mostrando segn hayamos definido nuestro cdigo. Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com correo: salinas282003@hotmail.com Pgina 11

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] 1.- Por ejemplo en nuestros ejemplos anteriores lo hemos definido nuestro script en el <body>, esto indica que se ejecutara cuando el navegador lea nuestro script al pasar por esa seccin de lnea, pero solo ocurrir una vez, ya que el <body> se lee una sola vez.

2.- Pero tambin podemos definirlo al final, que ocurra cuando haya acabado de leer todo el documento.

3.- Ahora podemos definirlo dentro de la cabecera <head>, esto se utiliza cuando queremos que se ejecute algo antes de llegar al <body>.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 12

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

En esta ltima parte hemos utilizado el script en la cabecera, debemos decir que todava se puede escribir cdigo javascript pero fuera de nuestra pgina HTML, para ello debemos enlazar mediante una lnea de cdigo que se muestra a continuacin:

CREANDO CODIGO JAVASCRIPT EXTERNO


Acabamos de indicar que se puede escribir cdigo javascript externo y llamarlo a nuestra pgina Web, veamos cmo realizarlo, primero que en Dreamweaver, presiona CTRL+N o men Archivo nuevo documento, en cualquiera de los dos casos se mostrara la siguiente ventana:

Mostrndose la siguiente ventana para escribir nuestro cdigo javascript Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com correo: salinas282003@hotmail.com Pgina 13

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

Observe que ya se ha hecho una copia en nuestra pgina HTML, es decir, ya estamos listos para usar el cdigo javascript, y si deseamos modificarlo solamente habr que hacer clic donde dice cdigo.as (ver imagen)

FUNCIONES
Algo que se utiliza a menudo en JavaScript son las funciones para realizar un llamado un nmero ilimitado de veces durante su ejecucin en el script para que realice la ejecucin de una determinada tarea. Una funcin es simplemente una seccin de cdigo a la que se le ha asignado un nombre. function nombreFuncion([argumento1],[argumento2],...,[argumentoN]){ sentencias; } Por ejemplo

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 14

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

EJERCICIOS
1) Vamos a desarrollar un ejercicio el cual muestre el mayor de 3 nmeros.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 15

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

2) Vamos a desarrollar un ejercicio el cual muestre una imagen que se mueve cada vez que se mueve el mouse del a lo largo de la pantalla para ello utilizaremos el evento onmousemove

Pero este cdigo solo es ejecutable en Internet Explorer, pero buscamos que siempre funcione en todos los navegadores, por eso aqu le participo de un cdigo que encontr en la Web, espero les guste:

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 16

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

Veamos el resultado en dos navegadores como Internet Explorer, Google Chrome, tambin funciona en Mozilla Firefox, Opera, etc.

3) Vamos a crear un efecto para un texto, utilizaremos el evento onload. Dicho efecto lo podemos encontrar en muchos libros, all hay un problema que solo funciona en Internet Explorer

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 17

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

4) Aqu se escribe algunos scripts de mucha utilidad en su pgina Web Colocar este script dentro de la etiqueta <head>y agregarle un botn en <body> con el nombre button

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 18

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] Colocar este script dentro de la etiqueta <body>

Colocar este script dentro de la etiqueta <body>

Colocar este script dentro de la etiqueta <body>

Colocar este script dentro de la etiqueta <head> y agregarle <body onload=terremoto(5)>

EL MODELO DE OBJETOS DE JAVASCRIPT


JavaScript tiene diferentes objetos propios ya construidos que el programador puede utilizar. Posee una librera bsica de objetos que podemos instanciar y con los que podemos trabajar. Estos objetos tiene propiedades, mtodos y pueden responder a eventos, pero no tiene la capacidad de herencia ya que no es un lenguaje orientado a objetos.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 19

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

1.- El objeto window


Es el objeto ms alto en jerarqua de objetos de JavaScript. Todos los objetos con que el usuario interacta se hallan dentro de una ventana 1.1 Propiedades del objeto window. closed defaultStatus frames length name self status top Es un valor booleano que indica si la ventana esta o no cerrada Contiene el mensaje por defecto que aparece en la barra de estado del navegador Es un array que representa los objetos frames del objeto actual Es un valor entero que indica el numero de frames del objeto window actual Contiene el nombre del objeto window actual, o del frame actual Nombre alternativo del objeto window actual Determina el mensaje que aparece en la barra de estado Nombre alternativo para la ventana de nivel ms superior

1.2 Mtodos del objeto window Muestra el mensaje en una caja de dialogo Elimina el foco del objeto window actual Cancela el intervalo especificado por nombre Cierra el objeto window actual Muestra el mensaje en una caja de dialogo Evala la cadena como una sentencia, en referencia al objeto window Captura el foco sobre el objeto window actual focus() Mueve el objeto window actual al nmero de pxeles moveBy(x,y) especificados por x,y Mueve el objeto window actual a la coordenada (x,y) moveTo(x,y) Ajusta el tamao del objeto window actual resizeBy(x,y) moviendo su esquina inferior derecha el nmero de pxeles x,y Ajusta el tamao del objeto window actual resizeTo(ancho,alto) Desplaza el objeto actual a las coordenadas (x, y) scroll(x,y) Desplaza el objeto actual el nmero de pxeles x,y scrollBy(x,y) Desplaza el objeto actual a las coordenadas (x,y) scrollTo(x,y) Muestra un mensaje en una caja de dialogo el cual prompt(mensaje,respuesta) permite introducir informacin mediante una caja de texto. Evala la expresin especificada despus de que setTimeout(expresin,tiempo) haya pasado el nmero en milisegundos (tiempo) Devuelve una cadena que representa al objeto toString() window Convierte el objeto a su tipo primitivo (number, valueOf() boolean, string, o function) open(url,nombre,caracterstica) Abre la url especificada en la ventana llamada nombre. Si no existe tal ventana, la url se abrir en una nueva ventana con las caractersticas especificadas: alert(mensaje) blur() clearTimeout(nombre) close() confirm(mensaje) eval() Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com correo: salinas282003@hotmail.com Pgina 20

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

Toolbar=[yes,no,,1,0]:Indica si la nueva ventana deber tener barra de herramientas o no location=[yes,no,1,0]:Indica si la nueva ventana deber tener campo de localizacin o no directories=[yes,no,1,0]:Indica si la nueva ventana deber tener botones de direccin o no status=[yes,no,1,0]:Indica si la nueva ventana deber tener barra de estado o no. scrollbar=[yes,no,1,0]:Indica si la nueva ventana deber tener barra de desplazamiento o no menubar=[yes,no,1,0]:Indica si la nueva ventana deber tener barra de mens o no resizable=[yes,no,1,0]:Indica si la nueva ventana podr cambiar de tamao o no width=pxeles:Indica el ancho de la ventana cliente height=pxeles:Indica el alto de la ventana cliente outerWidth=pxeles:Indica el ancho total de la ventana en pxeles outerHeight=pxeles:Indica el alto total de la ventana en pxeles left=pxeles:Indica la distancia en pxeles desde el lado izquierdo de la pantalla a la que se deber colocar la ventana top=pxeles:Indica la distancia en pxeles desde el lado superior de la pantalla a la que se deber colocar la ventana alwaysRaised=[yes,no,1,0]:Indica si la ventana deber permanecer siempre en frente de cualquier otra. z-lock=[yes,no,1,0]:Indica si se debe bloquear o no la ventana en su z-index actual. Por ejemplo El siguiente ejemplo muestra la apertura y cierre bsicos de una nueva ventana.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 21

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

2.- El objeto document


A pesar de que el objeto window es el de nivel ms alto en la jerarqua de JavaScript, su funcin principal es la de ser contenedor del resto de los objetos. El contenido del documento web que est visualizando realmente esta asociado al objeto document. El objeto document, como ya vimos, es el equivalente a la etiqueta <body> de HTML, pues todas las acciones que ocurren dentro de una pgina Web se dan dentro del objeto document. 2.1 Propiedades del objeto document. alinkColor anchors applets bgColor cookie domain embeds fgColor forms images linkColor title vlinkColor Representa el color de los enlaces activos Es un array que contiene todos los enlaces internos que existen dentro del documento Es un array que contiene todos los applets que existen dentro del documento Representa el color de fondo del documento Es una cadena que contiene los valores de los cookies para el documento actual Es el nombre del servidor que ha servido el documento Es un array que contiene todos los elementos <embed> que existen dentro del documento Representa el color de primer plano del documento Es un array que contiene todos los objetos form que existen dentro del documento Es un array que contiene todas las imgenes que existen dentro del documento Representa el color de los enlaces del documento Es una cadena que contiene el ttulo del documento actual Representa el color de los enlaces visitados del documento correo: salinas282003@hotmail.com Pgina 22

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] 2.2 Mtodos del objeto document clear() close() eval() toString() valueOf() write() writeln() open(mime,reoplace) Limpia la ventana del documento Cierra la escritura sobre el documento actual Evala la cadena como una sentencia, en referencia al objeto document Devuelve una cadena que representa el objeto document Convierte el objeto a su tipo primitivo (number,bolean, string, o function) Escribe texto y HTML sobre el documento actual Escribe texto y HTML sobre el documento actual, seguido de una nueva lnea Abre la escritura sobre un documento. El parmetro mime especifica el tipo de documento soportado por el navegador. Si la cadena replace se pasa como segundo parmetro, se reutliza el documento anterior dentro del historial.

3.- El objeto form


Uno de los usos principales de JavaScript es proporcionar una forma en la que el usuario pueda interaccionar en el lado del cliente. Este tipo de interaccin se produce en HTML a travs de los formularios, que se corresponden con el objeto form de JavaScript. 3.1 Propiedades del objeto form. action elements encoding method target Es una cadena que especifica la URL donde la informacin del formulario debe ser procesada. Es un array que contiene cada uno de los objetos que aparecen en el formulario, y en el mismo orden en que aparecen en el HTML. Es un cadena que contiene la codificacin MIME especificada en el atributo ENCTYPE Es una cadena que contiene el nombre del mtodo encargado de recibir/procesar la informacin del formulario. Es una cadena que contiene el nombre de la ventana a la que se deben enviar las respuestas del formulario.

3.2 Mtodos del objeto form reset() submit() eval() toString() valueOf() Resetea el formulario. Tiene el mismo resultado que pulsar sobre un botn de tipo RESET. Envia el formulario. Tiene el mismo resultado que pulsar sobre el botn de tipo SUBMIT Evala la cadena como una sentencia, en referencia al objeto form Devuelve una cadena que representa el objeto form Convierte el objeto a su tipo primitivo (number,bolean, string, o function) correo: salinas282003@hotmail.com Pgina 23

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

4.- El objeto Button (Submit,Reset y Button)


Los objetos de tipo botn (Submit, Reset y Button) nos permiten manejar botones dentro de los formularios. A traves de estos objetos los usuarios normalmente suelen desencadenar las posibles acciones relacionadas con el manejo del documento. 4.1 Propiedades del objeto botn. name value Es una cadena que contiene el nombre del objeto botn, es decir, contiene el valor del atributo NAME. Es un cadena que contiene el valor del objeto botn, es decir, contiene el valor del atributo VALUE

4.2 Mtodos del objeto botn. click() eval() toString() valueOf() Simula la accin de pulsar sobre el botn Evala la cadena como una sentencia, en referencia al objeto botn. Devuelve una cadena que representa el objeto botn Convierte el objeto a su tipo primitivo (number,bolean, string, o function)

Ejercicios variados
1. Crear un ejemplo el cual permita copiar el texto de una caja de texto a otra e utilizando el evento onfocus.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 24

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] Aunque preferiremos trabajar utilizando un identificador mejor de Objetos en HTML, denominado DOM (el cual este material no profundizara).

Tiene su ventaja ya que solo habr que escribir el ID del objeto y nada ms, no habr que rutear dicho objeto pasando por todos sus objetos que lo contienen. 2. Crear un ejemplo el cual permita sumar 2 nmeros y tiene 2 botones con eventos el cual llamaran a las funciones determinadas

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 25

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] 3.- Desarrollemos una ventana que sirva para loguearse y comprobar el usuario y la contrasea.

Aunque aqu los eventos estn basados por medio de botones, pero podemos cambiarlo ya que un formulario posee sus propios sus eventos.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 26

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

4.- Desarrollemos una pgina el cual cargue una imagen en dicha pgina, pero dicha imagen se halla en nuestro sitio, dentro de la carpeta imagen.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 27

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT]

5.- Desarrollemos una pgina que permita cargar una cantidad de imgenes, despus de ellos se muestre con eventos de agrandar y encoger de manera proporcional.

Note que se puede modificar la cantidad de imgenes al cargar, en este caso son 6.

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 28

DHTML [FUNDAMENTOS DEL LENGUAJE JAVASCRIPT] 6.- Mejoraremos el ejercicio anterior haciendo una muestra de dicha imagen en otra capa un poco ms grande, pero debemos tener presente que hay que crear 2 tipos de imgenes una de un tamao grande y otro de un tamao ms pequeo, en nuestro ejemplo tenemos dos carpetas las imgenes pequeas (carpeta chicas) y las imgenes normales (carpeta imagen).

Docente: Salinas Encinas Aldo http://webprofesional.blogspot.com

correo: salinas282003@hotmail.com Pgina 29

También podría gustarte