Iniciación de DynLayers

El DynLayer podrá ser aplicada a cualquier capa utilizando este formato general:

objectName = new DynLayer(id,nestref,iframe)
Donde:
objectName
Nombre del Objeto - como es que tu referirás al objeto DynLayer.
id
ID de la capa el cual este DynLayer estará siendo aplicada, este no puede ser el mismo que el objectName.
nestref
Referencia del acomodamiento de esa capa - es únicamente necesitada cuando la capa esta acomodada adentro de otra.
iframe
Nombre del iframe el cual la capa es contenido. Esto es utilizado cuando se necesita manipular una capa adentro de un Iframe. Hoy día Iframes es solo una característica de IE4.

Ejemplo de una capa Simple:

Digamos que tienes una capa simple con esta estructura:

<STYLE>
#mylayerDiv {position:absolute; left:30; top:50;}
</STYLE>

<DIV ID="mylayerDiv"></DIV>

Para iniciar 'mylayerDiv', tu javascript será:

mylayer = new DynLayer('mylayerDiv')

Nota de como adjunto la extensión 'Div' en el ID de la capa. Hago esto porque el nombre del objeto no puede ser el mismo que el ID de la capa. Es una buena forma de guardar tus variables separados.

Ejemplo Nested Layer:

<DIV ID="myparentDiv">
	<DIV ID="mylayerDiv"></DIV>
</DIV>

Para iniciar 'mylayerDiv':

mylayer = new DynLayer('mylayerDiv','myparentDiv')

Nota el nombre del parent layer es pasada por el argumento nestref.

Nestref for Multiple Nesting:

Otra vez, no hay diferencia aquí, simplemente manda él ID de la capa al DynLayer y este cuidará de la referencia del nested el mismo. Pero para argumentar, digamos que tienes estas layers:

<DIV ID="myparent1Div">
	<DIV ID="myparent2Div">
		<DIV ID="mylayerDiv"></DIV>
	</DIV>
</DIV>

En este caso si necesitarás de utilizar el parámetro nestref deberás de pasar los nombres de todas las capas en esa jerarquía separadas por documento 'document'.:

mylayer = new DynLayer('mylayerDiv','myparent1Div.document.myparent2Div')

El diseño continuará no importa cuantas veces es acomodada.

Trabajando con capas en Marcos "Frames" separados:

El DynLayer puede ser utilizado de trabajar con layers que se encuentran adentro de frames separados

mylayer = new DynLayer('mylayer',null,'myframe')

Asignando DynLayers Utilizando Arrays:

Si tienes un set de capas secuenciales podrás alternativamente asignarle DynLayers a Arrays en lugar de solamente nombres variables.

<DIV ID="mylayer1"></DIV>
<DIV ID="mylayer2"></DIV>
<DIV ID="mylayer3"></DIV>
<DIV ID="mylayer4"></DIV>

Para iniciar estos podrás hacer:

mylayer = new Array()
for (var i=0;i<4;i++) {
	mylayer[i] = new DynLayer("mylayer" + i)
}

Demostración de Iniciación:

Ver dynlayer-initialization1.html para un ejemplo mostrando varias iniciaciones, utilizando los parámetros nestref.

Ver dynlayer-initialization2.html para el mismo ejemplo pero no utilizando ningún nestref parámetros, nota que continua trabajando igualmente.

Verdynlayer-frame1.htmlpara un ejemplo de utilizar el DynLayer con Marcos "Frames". Probablemente debes de ver como he puesto las dos páginas frames utilizadas : dynlayer-frame1-top.html y dynlayer-frame1-bottom.html.

El Dynamic Layer Object API

Casa Próxima Lección: DynLayer Extensiones
copyright 1998 Dan Steinman