HtmlPagerInfotron

This blueprint can be use together with a couple of button infotrons, to create a slideshow. It wraps a number of inner elements, of which only one is shown at a time, in response to incoming messages .

Sample Declaration

<div id="pager"
     ~01ABBFE1ADC6BF40adAE8DF64307B18BA7"
     script="http://localhost/HtmlPager.js">

   ... a number of divs containing the 'pages' to move through

</div>

Demos that use it

The JDA Demo engine in the distribution

Input Terminals

page_request_in
- takes a number and shows the numbered page
next_page_request_in
- N/A (Just a trigger)
prev_page_request_in
- N/A (Just a trigger)

Output Terminals

page_out +the number fo the current showing page
prev_page_availability_out +If there is a prev page
next_page_availability_out +if there is a next page

Properties

none

Demos that use it

slideshow.html

How does it work?

This blueprint wraps a number of children under its dom node, which are considered 'pages' to leaf through,a s in a ppt slideshow. When a message is received on one of the prev or next input terminals, the implied action takes place. The input terminal pagerequestin takes a number as oparameter, which show the coresponding page.

Unofficial JDA (Javascript Dataflow Architecture) Wiki