martes, 28 de julio de 2015

Capítulo 36: Leer Cookies



Contenido:
Uso del Método split del Objeto String; document.cookie almacena todas las cookies de una página, separadas por punto y coma; Buscar una cookie por su nombre y que nos devuelva su valor; Métodos indexOf, substring y chartAT del Objeto String; Crear Funciones setCookie y getCookie; Leer valores de Cookies

martes, 21 de julio de 2015

Capitulo 38: Las propiedades del DOM


Contenido:
La propiedad childNode; Uso de listNode como un array; Crear una función para añadir los items hijo de un Nodo que sean del tipo element

childnodes: nos permite acceder a la información de cualquier hijo de un elemento DOM. Se comporta como un array.

Ejemplo:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
       function contarListaItems(){
           var elemento01 = document.getElementById("listaTareas");
           var cuenta = 0;
           for (var i = 0; i < elemento01.childNodes.length; i++) {
               if (elemento01.childNodes[i].nodeType == 1) cuenta++
           }
           alert("la lista ordenada contiene " + cuenta + " items");
       }
       window.onload = contarListaItems
    </script>
</head>
<body>
    <h1>Cosas que hacer</h1>
    <ol id="listaTareas">
       <li>Terminar el guión</li>
       <li>Preparar los gráficos</li>
       <li>Grabar la primera parte</li>
    </ol>
    <p id="notasLista">Asegurarse de terminar antes de las 9</p>
</body>
</html>

Capítulo 37: Navegando por el DOM


Contenido:
Vamos a trabajar con las propiedades y métodos del Objeto document; Diagrama de árbol DOM; Cada enlace dentro del DOS se denomina Nodo; existen distintos tipos de Nodos; Nodos element y Nodos de texto; Los 12 tipos de Nodo.

URLs, recursos y enlaces


Hiperenlace: texto clicable que nos permite navegar por internet

<a href = "http://upm.es">UPM</a>

Atributos de <a ...>
  • Hiperenlace asociado: href="..."
  • Página alternativa: alternate
  • mime-type de página enlazada: type
  • Relación con la página enlazada: rel (author, license, tag, ...)
  • Anchor: # (identifica un punto dentro de una página WEB)
  • url de email: mailto:
  • ...
Anchor: se añade al final de una URL e identifica un elemento dentro de una página web (el identificador debe ser único). Ejemplo:

http://upm.es/ejemplo.html#seccion2

En la página web debe de haber el identificativo seccion2. Por ejemplo:

<h4 id="seccion2">Sección2</h4>

Los URLs pueden ser absolutos y relativos. 

También puede llevar el query que se utiliza en interfaces REST o acceso servicios. ejemplo:

http://upm.es/rec1.html?usuario=127

Otros URLs: mailto, telnet,ftp, file. Ejemplo:

Acceso local a un fichero de la máquina: file://
email: mailto:jesus@gmail.com


 

Codificación de caracteres, UNICODE y “character entity”


Codificación UTF8: Código de longitud variable de 1,2,3 o 4 bytes eficiente para lenguas latinas.
Código UNICODE: código de caracteres internacionalizado que puede representar muchas lenguas.

<meta charset="utf-8">

HTML tiene códigos especiales para introducir ciertos caracteres.