contenido_978-2-7460-8290-8

Presentacin

1. Html5 9

2. Los API JavaScript de Html5 de este libro 10

3. Los futuros API JavaScript 15

4. Los requisitos previos 17

5. Los navegadores de nuestro estudio 17

6. Las herramientas para nuestro estudio 19

7. Las herramientas de desarrollo y depuracin 20

El API selectors

1. Presentacin del API 23

2. Disponibilidad del API 24

3. Los selectores CSS 26

4. Seleccionar por el nombre de una clase CSS (getElementsByClassName) 29

5. Seleccionar el primer elemento de un conjunto (querySelector) 34

6. Seleccionar un conjunto de elementos (querySelectorAll) 39

Los API JavaScript de HTML5Integre la potencia de HTML5 en sus aplicaciones Web

1/10 Ediciones ENIwww.ediciones-eni.com

La geolocalizacin

1. Presentacin y objetivos 51


3. Obtener la localizacin del usuario 54

4. Administrar los errores de la localizacin 58

5. Opciones de la localizacin 60

6. Convertir las coordenadas decimales en hexadecimales 62

7. Aplicacin relacionada con Google Maps 66

8. Seguimiento del desplazamiento 70

9. Proteccin de la vida privada 73

El almacenamiento de datos en local

1. Presentacin, importancia y problemas 83

2. Almacenamiento temporal o permanente 85

2.1 El almacenamiento temporal 852.2 El almacenamiento permanente 89


4. El almacenamiento permanente (localStorage) 99



4.1 Aadir un valor 994.2 Recuperar un valor almacenado 1034.3 Modificar un valor almacenado 1074.4 Eliminar un valor almacenado 1084.5 Eliminar todos los valores almacenados 1124.6 Aplicacin final 116

5. El almacenamiento temporal (sessionStorage) 1205.1 Aadir un valor 1205.2 Recuperar un valor almacenado 1245.3 Modificar un valor almacenado 1275.4 Eliminar un valor almacenado 1285.5 Eliminar todos los valores almacenados 1325.6 Aplicacin final 135

6. Los eventos del objeto Storage 140

El API Web SQL Database



3. Crear una base de datos 152

4. Crear una tabla de datos 156

5. Aadir, seleccionar y visualizar datos 159

5.1 Mtodo esttico 1595.2 Mtodo dinmico 162

6. Eliminar datos 167



7. Modificar datos 172

8. Eliminar una tabla de datos 178

9. Aplicacin final 182

10. El futuro de Web SQL Database 191

El API Indexed Database



3. Crear una base de datos 198

4. Crear un Object Store 202

5. Aadir, seleccionar y visualizar datos 206

6. Eliminar datos 216

7. Actualizar datos 222

8. Eliminar el Object Store 228


La edicin del contenido (contentEditable)



1. Presentacin y objetivo 243

2. Disponibilidad 244

3. Hacer que un elemento sea editable 247

3.1 El atributo contentEditable 2473.2 El atributo designMode 2493.3 El atributo spellcheck 251

4. Sealar las zonas editables 253

5. Los comandos del API 255

6. Guardar las modificaciones con el API Storage 263

El modo desconectado (offline)1. Presentacin y objetivos 269


3. El archivo de cacheado (manifest) 279

4. Gestionar la cach 289

4.1 Los estados 2894.2 Los eventos 2904.3 Application 291

5. Actualizacin de los datos cacheados 294

5.1 El mtodo update 2945.2 El mtodo swapCache 295



Manipular el histrico del navegador



3. Introducir nuevas entradas en el histrico 302

4. Los eventos relacionados con los cambios en el histrico 307

5. Modificar una entrada del histrico 314


Drag&drop

1. Presentacin, objetivos y precauciones 323


3. Definicin del objeto desplazable 3273.1 El atributo draggable 3273.2 El objeto dataTransfer 3273.3 La propiedad effectAllowed 3283.4 Los mtodos setData y getData 328

4. Los eventos del objeto desplazable (drag) 329

5. Un primer ejemplo de desplazamiento 330

6. Los eventos del objeto desplazable (drop) 332



7. Definicin de la zona del drop 332

8. Una aplicacin final 345

La seleccin de archivos



3. Seleccin de archivos usando un formulario 354

4. Seleccin de archivos por drag&drop 359


El API Web Messaging



3. Enviar un mensaje (postMessage) 3713.1 En el mismo dominio 3723.2 En otro dominio 379

4. Consideraciones de seguridad 382



El JavaScript en segundo plano



3. Lanzar un script en segundo plano 388

4. Limitaciones de los scripts Workers 390

5. Comunicacin con el script Workers (postMessage) 391

6. Terminar un script en segundo plano 397

7. Una aplicacin final 397

El API WebSocket

1. Presentacin, objetivos y preguntas 405


2.1 Lado cliente 4072.2 Lado servidor 411

3. Los eventos y los mtodos 412

4. Aplicaciones 413

El API de diseo



1. Presentacin y objetivo 423


3. Definir la zona de diseo 425

4. Las formas geomtricas 429

4.1 El rectngulo 4294.2 Aadir color 4334.3 La lnea recta 4354.4 Los arcos, crculos y otras formas 4434.5 Aadir un degradado de color 4474.6 Aadir transparencias 4514.7 Disear formas mltiples 4534.8 Colocacin dinmica 4584.9 Registro y recuperacin de argumentos 460

5. El texto 463

5.1 El texto sencillo 4635.2 El tamao y la fuente de caracteres 4645.3 El color del texto 4655.4 Alinear el texto 4675.5 Sombreado 4695.6 Aadir texto ms largo 4705.7 Aadir efectos especiales 472

6. Las imgenes 473

6.1 Aadir una imagen 4736.2 Redimensionar una imagen 4776.3 Rotar una imagen 4786.4 Recortar una imagen 4796.5 Guardar un lienzo como una imagen 482



7. Las animaciones 484

7.1 Introduccin a la animacin 4847.2 El API requestAnimFrame para las animaciones 4847.3 Desplazamiento lineal 4867.4 Desplazamiento lineal alternativo 4907.5 Desencadenar una animacin 492

ndice 497



contenido_978-2-7460-8290-8

Documents