PDF de programación - HTML dinámico, modelos de objetos y Javascript

Desarrollo de software

HHTTMMLL DDIINNÁÁMMIICCOO,,

MMOODDEELLOOSS DDEE OOBBJJEETTOOSS

YY JJAAVVAASSCCRRIIPPTT

MMAARRIINNOO PPOOSSAADDAASS YY JJOOSSÉÉ LLUUIISS HHEEVVIIAA

Este libro revisa desde los
fundamentos todo el
edificio conceptual sobre
el que se basa la
construcción de páginas
web de cliente: esto es,
se centra en aquello que
una página web –una vez
descargada- es capaz de
hacer en el navegador del
usuario. Para ello explica
en qué se basa el HTML
Dinámico, los
fundamentos y uso del
Modelo de Objetos de
Documento y finalmente,
analiza el lenguaje
Javascript y las
capacidades de las Hojas
de Estilo en Cascada,
como elementos básicos
de la construcción
dinámica de páginas.

Respecto a los
conocimientos previos, es
importante que el lector
maneje, siquiera
básicamente, los
fundamentos del lenguaje
HTML, y conviene tener
conocimiento de algún
lenguaje de programación
adicional Visual Basic,
Delphi, etc.







ADVERTENCIA LEGAL

Todos los derechos de esta obra están reservados a Grupo EIDOS Consultoría y Documentación
Informática, S.L.

El editor prohíbe cualquier tipo de fijación, reproducción, transformación, distribución, ya sea mediante
venta y/o alquiler y/o préstamo y/o cualquier otra forma de cesión de uso, y/o comunicación pública de la
misma, total o parcialmente, por cualquier sistema o en cualquier soporte, ya sea por fotocopia, medio
mecánico o electrónico, incluido el tratamiento informático de la misma, en cualquier lugar del universo.

El almacenamiento o archivo de esta obra en un ordenador diferente al inicial está expresamente
prohibido, así como cualquier otra forma de descarga (downloading), transmisión o puesta a disposición
(aún en sistema streaming).

La vulneración de cualesquiera de estos derechos podrá ser considerada como una actividad penal
tipificada en los artículos 270 y siguientes del Código Penal.

La protección de esta obra se extiende al universo, de acuerdo con las leyes y convenios internacionales.

Esta obra está destinada exclusivamente para el uso particular del usuario, quedando expresamente
prohibido su uso profesional en empresas, centros docentes o cualquier otro, incluyendo a sus empleados
de cualquier tipo, colaboradores y/o alumnos.

Si Vd. desea autorización para el uso profesional, puede obtenerla enviando un e-mail [email protected] o
al fax (34)-91-5017824.

Si piensa o tiene alguna duda sobre la legalidad de la autorización de la obra, o que la misma ha llegado
hasta Vd. vulnerando lo anterior, le agradeceremos que nos lo comunique al e-mail [email protected] o al
fax (34)-91-5017824). Esta comunicación será absolutamente confidencial.

Colabore contra el fraude. Si usted piensa que esta obra le ha sido de utilidad, pero no se han abonado los
derechos correspondientes, no podremos hacer más obras como ésta.

© Marino Posadas y José Luis Hevia, 2000
© Grupo EIDOS Consultaría y Documentación Informática, S.L., 2000

ISBN 84-88457-22-7

HTML dinámico, modelos de objetos y JavaScript

Marino Posadas y José Luis Hevia

Coordinación de la edición
Antonio Quirós ([email protected])


Responsable editorial
Paco Marín ([email protected])
Autoedición
Magdalena Marín ([email protected])
Marino Posadas ([email protected])
José Luis Hevia ([email protected])
Grupo EIDOS
C/ Téllez 30 Oficina 2
28007-Madrid (España)
Tel: 91 5013234 Fax: 91 (34) 5017824
www.grupoeidos.com/www.eidos.es
www.LaLibreriaDigital.com




Índice

ÍNDICE...................................................................................................................................................5
HTML DINÁMICO Y MODELOS DE OBJETOS ...........................................................................9
CONOCIMIENTOS PREVIOS ...................................................................................................................9
OBJETIVOS DEL CURSO........................................................................................................................9
¿POR QUÉ HTML DINÁMICO? ...........................................................................................................10
EL WORLD WIDE WEB CONSORTIUM................................................................................................10
HTML Y LA W3C ..............................................................................................................................10
HTML Dinámico y Modelos de Objetos ...................................................................................11
Lo que aporta el HTML Dinámico ............................................................................................11
La solución: Los Modelos de Objetos .......................................................................................12
El Modelo de objetos de documento (DOM).............................................................................13
Programando los objetos de DOM.............................................................................................14
La jerarquía de objetos de DOM................................................................................................14
Los objetos window y document ....................................................................................................15
EL OBJETO WINDOW...........................................................................................................................16
Propiedades del objeto window.....................................................................................................16
La propiedad event y el modelo de objetos de HTML Dinámico ..................................................16
Otras formas de asociar código de script a eventos......................................................................18
Ficheros de script independientes .................................................................................................21
Otras propiedades del objeto event............................................................................................21
Un manejador genérico de eventos. ..............................................................................................21
EL MODELO DE EVENTOS ...................................................................................................................22
PROPIEDADES DE WINDOW ASOCIADAS AL EXPLORADOR .................................................................24
La propiedad history......................................................................................................................24
La propiedad location....................................................................................................................24







La propiedad screen ......................................................................................................................24
Temporizadores: los métodos setTimeout(), setInterval(), clearTimeout() y clearInterval() ........25
Métodos de window para creación de ventanas............................................................................25
Cajas de mensaje estándar: alert().............................................................................................26
Cómo solicitar información del usuario: métodos prompt() y confirm()...................................26
Ventanas de Diálogo Modales: showModalDialog() ....................................................................28
Apertura de nuevas ventanas del Explorador: método open()...................................................30
LA PROPIEDAD DOCUMENT.................................................................................................................31
Una vista jerárquica del modelo de objetos DOM........................................................................36
Ejemplo de Creación Dinámica de Tablas mediante el modelo DHTML.................................38
OTRAS NOVEDADES QUE APORTA DHTML A TRAVÉS DE EJEMPLOS................................................40
Posicionamiento Dinámico............................................................................................................41
Filtros y Transiciones....................................................................................................................42
Descarga dinámica de tipos de letra (Font download) .................................................................42
DATOS ENLAZADOS...........................................................................................................................42
Modelo de funcionamiento de los objetos de enlace de datos.......................................................43
Ejemplo de uso de un Data Source Object (DSO).........................................................................43
HTML 4.0: CARACTERÍSTICAS E IMPLEMENTACIÓN EN EXPLORER Y NETSCAPE............................47
Estándares e implementaciones.....................................................................................................47
SGML y HTML ..............................................................................................................................48
Comentarios, atributos y caracteres especiales..........................................................................48
Tipos de datos............................................................................................................................48
URLs......................................................................................................................................49
Colores...................................................................................................................................49
Multilongitud.............................................................................................