El código del calendario, es un poco más largo que otros porque está dividido en dos partes.
La primera parte del código, corresponde al estilo del calendario, los colores de fondo, de los números, del día en curso, etc., y puedes colocarla entre las etiquetas <head> y </head> o bien incluirlas en un fichero .css y hacer una llamada a él desde el apartado <head>. Consulta con el manual del curso en el apartado ampliación --> estilos si tienes alguna duda sobre cómo hacerlo.
A continuación deberás insertar el código que corresponde al programa que genera el calendario. En el ejemplo 1 de JavaScript ya viste una forma de hacerlo que consistía en copiar el código del script en el apartado <head> y a continuación en el lugar que queremos que aparezca el calendario escribiremos una llamada al script para que se ejecute./p>
El script es el siguiente:
La línea para que se ejecute es esta:
La nueva forma que vamos a ver, y que creo que es recomendable, consiste en copiar
todo el código del script anterior, excepto la primera y la última línea
(la de apertura y cierre del script) en un fichero al que le pondremos la
extensión .js, podemos utilizar perfectamente el bloc de notas para
hacerlo, a continuación incluiremos en nuestro documento htm este par de
líneas.
Recuerda que si el fichero .js lo colocas en una carpeta distinta de la que tienes el documento .html, deberás escribir la ruta absoluta o relativa en el atributo src="...."
Utilizando esta segunda forma lo que conseguimos es no mezclar en un mismo documento códigos de lenguajes diferentes, de forma que el contenido de nuestra página esté separado de la presentacion de la página y de los complementos que puede llevar haciendo que sea más sencilla su edición.
El calendario elaborado es éste:
| Volver a página complementos | Javascript Interno |