<SCRIPT LANGUAGE="JavaScript" SRC="dynlayer.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="dynlayer-common.js"></SCRIPT>
Descargar: dynlayer-common.js
Ver Fuente: dynlayer-common.js
Fichero de descarga externa - load() Este método es basado en la Lección Fuente Externa de Ficheros
Utilización del método cargar() "load()":
mylayer.load = DynLayerLoad
mylayer.load('myfile.html')
El parámetro fn es opcional, es utilizado para ejecutar algunas otras funciones o informes cuando el fichero externo ha sido completamente cargado dentro de la página.
En el documento principal HTML deberás de tener un IFRAME escondido llamado "bufferFrame", esto es utilizado para copiar los contenidos de un fichero externo dentro de una capa.
<IFRAME STYLE="display:none" NAME="bufferFrame"></IFRAME>
El fichero externo html deberá de llamar el método DynLayer´s loadFinish(). Desde que en IE, el documento principal se encuentra en un diferente frame , deberemos llamarlo "parent". Afortunadamente esto es compatible en Netscape porque en Netscape es todo el mismo documento, y como ese es el caso "parent" es sinónimos con "documento".
<BODY onLoad="parent.mylayer.loadFinish()">
Alerta: Este método no trabajará "como-es" si todos estos ficheros tienen que estar contenidos adentro de otro frameset. En ese caso deberás de mandar un parámetro adicional por el nombre del frame en lugar de "parent". Tampoco esto trabajará si deseas trabajar múltiples ficheros simultáneamente dentro de layers separadas. Esta función asume que hay solamente un IFRAME, y de aquí solamente un fichero en el buffer-zone. Si deseas múltiples ficheros que sean buffered como éste debes de separar los IFRAMES, y todavía otro parámetro para determinar de cual frames hay que tomar los contenidos.
Ver un ejemplo de método cargar "load()"
Simplemente pone el color de fondo de la capa. Aunque hay que poner atención, usualmente deberás de tener tu capa recortada, y algunas veces te encontraras con problemas de texto que se encuentra contenido adentro de la capa. Te dejaré que te encuentres con toda esa "diversión" en esta función:
Utilización del setbg() Método:
mylayer.setbg = DynLayerSetbg
mylayer.setbg('#ff0000')
El método de una línea podrá ser utilizado en lugar de la función Cambiar Imagen() así no tienes que preocuparte sobre las nested referencias:
Utilización del Método img():
myImgObject = new Image()
myImgObject.src = 'myimg-new.gif'
// define mylayer ya sea manualmente o por DynLayerInit()
mylayer.img = DynLayerImg
mylayer.img('myImg','myImgObject')
// imagen debe tener un nombre asignado, valores de índex no trabajaran entre incómodos browsers
<div id="mylayerDiv"><img src="myimg.gif" name="myImg"></div>
| Casa | Próxima Lección: Objetos Geométricos |