HTMLpointHTMLpoint HTMLpoint.com


 Texto que se desplaza con DHTML 2/5

 por Massimiliano Valente

dhtml02.htm


Éste es el archivo destinado a albergar el efecto de desplazamiento del texto. Dentro de éste no se inserta toda la sintaxis Javascript sino una llamada a los archivos externos con extensión .js y .css, además de la colocación dinámica en la página.

Esto último se realiza mediante el código:

<IMG SRC="bianco.gif" NAME="holdspace" ID="holdspace" WIDTH="200" HEIGHT="150"
STYLE="visibility:hidden; position:absolute; top:150px; left:200px;">


El atributo ID identifica de manera inequivocable el elemento "holdspace". "WIDTH" y "HEIGHT" establecen respectivamente la anchura y altura de la ventana dentro de la cual se desplaza el texto. "STYLE" coloca de manera absoluta, según las reglas de las hojas de estilo, la ventana dentro de la página, estableciendo la distancia del margen superior (top) e izquierdo (left).

Como ya hemos adelantado, el archivo .htm no contiene el código Javascript completo, el cual, por orden y semplicidad, está contenido en dos archivos externos con extensión .js. Por su parte, las hojas de estilo se han recopilado en otro archivo con extensión .css.

Los archivos con extensión .js se invocan con el código contenido al final del documento htm, en posición inmediatamente anterior al cierre de la marca </BODY>:

La posibilidad de incluir el código Javascript en archivos externos está prevista por las nuevas especificaciones de HTML 4.0, y está actualmente soportada por Netscape 3 y 4, y por Internet Explorer 4. La ventaja más evidente de esta nueva funcionalidad reside en el poder escribir bibliotecas de script condivisibles por más de un archivo htm. Dicho de otro modo: ya no hay que escribir un script usado por diversos documentos en cada página. De este modo, se realiza una neta separación entre contenidos y presentación, con lo que se obtiene una mayor funcionalidad y se ahorra tiempo. Así, si queréis modificar el contenido del script, será suficiente intervenir sólo en el archivo externo, dejando inalterados los documentos. Además el archivo externo se carga en la caché del navegador, invocada en cada página, acelerando de esta manera la carga de las mismas.

Los navegadores que soportan el atributo SRC ignora el contenido del elemento SCRIPT. Por el contrario, los archivos que no soportan el atributoSRC, ejecutan como código el contenido en el elemento SCRIPT.


  Vuelve a principio de página