The Dynamic Duo - Iniciación de DynLayers

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:

Ejemplo: dynlayer-initialization1.html para ver como funcionan variasiniciaciones,utilizando los parametros nestref.

Ejemplo: dynlayer-initialization2.html para el mismo ejemplo pero sin utilizar los parametros nestref, note que continua funcionando igual.

Ejemplo: dynlayer-frame1.html para un ejemplo utilizando el DynLayer con frames. Deberías de darle un vistazo de como utilizar las dos páginas: y dynlayer-frame1-top.html dynlayer-frame1-bottom.html.