El Dynamic Layer API

El Dynamic layer Objet API (DynLayer) es un objeto de poco peso (pesando unos 9KB) que provee una manera altamente flexible para trabajar con capas. No solamente tiene propiedades comunes y métodos para manipular capas, si no también es un API que es basado en objetos (object based). Esto abre una nueva manera de trabajar con capas el cual excede la forma tradicional de codificar DHTML. He encontrado que esto es una fundación ideal para casi cualquier aplicación de DHTML incluyendo animación, aplicaciones y juegos.

Puedes agregar mas métodos o propiedades dentro de este, o remover cualesquiera parte que sientas que no las necesitas. Muchas de las lecciones en esta guía utilizan el DynLayer, entonces es muy importante que entiendas de como trabaja y como utilizarla.

Características del DynLayer:

• un API basado en objectos (object based) el cual es muy simple de implementar y utilizar
• encañona las capas en una manera similar como he utilizado variables indicadores - para no tener los problemas con los diferentes "DOM" entre Netscape y IE
• se encarga automáticamente de capas añadidas
• soporte completo para trabajar con capas en diferentes marcos
• provee sus propias propiedades y métodos para cambiar la localización de la capa - para no tener problemas de posición asociados con Microsoft de cambiar la localización
• incorporados los métodos esconder "hide()" y mostrar "show()" para cambiar la visibilidad
• expone un modelo de eventos común para eventos basados en capas
• incluidos métodos para deslizar, recortar y escribir
• una función de css() para auto generar sintaxis CSS
• fácil de hacer extenciones como limpiar, color de fondo, ficheros de fuente externa, etc.

03/25/99 Revisiones:

• Incluye un objeto para chequear el browser, lee BrowserCheck Object para más información.
• La propiedadevent ha sido renombrada a elm (element). Esto se utilizará sobre todo en IE 5/Netscape 5. Dejé a la propiedad event ahi (un duplicado) para que el código se mantiene compatible con scripts viejos.
• AgreguéDynLayer.useTest propiedad (boolean) para ver si quieres que DynLayer utilize la función DynLayerTest().
• Soporte mínimo para Mozilla/Netscape 5 - las propiedades de css,doc,elm deben funcionar bien. Agregaré más en el futuro, por el momento estan nada mas guardando el campo.
• Arreglos para IE 5.0:

  Debo decirles que he cambiado para que Api sea compatible con el nuevo IE 5.0. Estuve usando las propiedadespixelLeft, pixelTop, pixelWidth, y pixelHeight para capturar los valores iniciales. Bueno, Microsoft decidió que ya no querian usar esto, entonces ahora uso offsetX, offsetY, offsetWidth, y offsetHeight. Eso es todo, eso fue lo que he cambiado.

• Estos cambios son compatibles con todo lo pasado, por favor notifíqueme de cualquier problema con esta versión.

Ver Fuente para el DynLayer

Casa	Próxima Lección: DynLayer Extensions

copyright 1998 Dan Steinman