Objeto PushPanel

Es un mecanismo simple de scrolling para el objeto ScrollWindow.

Constructor

Tiene el mismo constructor como el ScrollWindow

PushPanel(x,y,width,height,frame)

Las flechas Push Panel scroll para el ScrollWindow. Estos aparecen y desaparecen ya sea que son necesitados o no. Hay dos estados de encendido "on" y apagado "off" para cada uno de los botones, y hay imágenes verticales y horizontales, haciendo un total de 8. Para que sea más simple debes de ponerles nombre a las imágenes:

Las imágenes utilizadas en la demostración están en el directorio DynApi. El ancho de estas imágenes debe de ser el mismo que el ScrollWindow, y la altura debe de ser mandada al método setImages() como también el directorio en donde estas se encuentran localizadas.

mypanel = new PushPanel(50,100,150,150)
mypane.setImages(16,'../images/')

Luego tienes que hacer lo standard build(), writeCSS(), write(div), y activate(), Y todo debe de ser mostrado correctamente. Esta también soporta las propiedades divStart y divEnd para un contenido enlinea.

El ScrollWindow es una propiedad .window, así que para cargar un fichero dentro del scroll tienes que hacer:

mypanel.window.load('mypage.html')

En el fichero externo, el BODY onload deberá de llamar parent.yourpushpanel.activate()

PushPanel Horizontal

Para convertir el PushPanel que haga scroll horizontalmente, fija isVertical A falso antes del build():

...
mypanel.isVertical = false
mypanel.build()

Las imágenes utilizadas en mi ejemplo se encuentran en las imágenes del DynAPI

Y eso es todo amigos, no hay otras propiedades o métodos necesarios para esta operación. Debes de notar que en la fuente para el PushPanel hay unos métodos arriba/abajo/parar, pero estos son automáticamente dados.

Ejemplo: pushpanel1.html [fuente]

Fuente de Código

pushpanel.js

Casa Próxima Leccion: Objeto Tabs
copyright 1998 Dan Steinman