[rz] Position Functions Caller
Posted: Thu Jan 15, 2015 8:51 am
[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!
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!
N-I-C-E!!!!!