[rz] Position Functions Caller

[[RZ]]

[rz] PFC v1.0

Page Position Functions Caller (aka "PFC").

This lightweight extension is the skeleton of the advanced algorithm for all the responsive and most acclaimed [rz] "position based" extensions.

This solution allows experienced users to interact programmatically -based on the browser scrollbar position- with all the [rz] plug-ins that support external access. It creates 13 advanced virtual events to trigger functions calls.

You can also access to internal variables related to the instance to let your code react accordingly.


HTML 4.01 Transitional
W3C compliant


DEMO


How to use?

Drag and drop the extension and resize it as you do in all [rz] "position based" extensions.

Available virtual events:

The "map" related events:

onscroll_before: The functions to call when scrolling before the selected area.
onscroll: The functions to call when scrolling within the selected area.
onscroll_changedir: The functions to call when the scrolling direction changes within the selected area.
onscroll_out: The functions to call when scrolling outside the selected area.
onscroll_after: The functions to call when scrolling after the selected area.

The "one-time" related events to the "map" boundaries:

onbound_before: The functions to call when the browser reaches a position before the selected area.
onbound: The functions to call when the browser reaches a position within the selected area.
onbound_out: The functions to call when the browser reaches a position outside the selected area.
onbound_after: The functions to call when the browser reaches a position after the selected area.

The browser related events:

ontop: The functions to call when the browser reaches its top position.
oncontent: The functions to call when the browser scrolls.
onchangedir: The functions to call when the scrolling direction changes.
onbottom: The functions to call when the browser reaches its bottom position.

Flags:

MyInstance.scrollingUp: The browser scrolled up.
MyInstance.scrollingDown: The browser scrolled down.

System values:

MyInstance.browserScrollTop: The browser scrollbar offset.
MyInstance.browserScrollMax: The maximum offset that the browser can reach based on the page contents.
MyInstance.browserHeight: The browser height.
MyInstance.mapTop: The position of the selected area in the current breakpoint.
MyInstance.mapHeight: The height of the selected area in the current breakpoint.

* Replace "MyInstance" with the actual instance name.


Enjoy!

[sikhoonak2]

nice ! thanx

[[RZ]]

thank you for your feedback

[zinc]

You kept this one quiet!!! N-I-C-E!!!!!

[[RZ]]

hi zinc
yes, this is a bit oldie lol
now you can squeeze the maximum of your position based collection with this toy and build even more sophisticated webs... i'm just here to help ( specially to loyal supporters )