JsonML - Samples & Binding Effects

Try out these samples: [ Reset Samples ]

1. JsonML BNF Grammar: [ Add Directly ] [ Add With Effects ] [ View Source ]

   Effects: 1) BackgroundColor is changed on an interval.

2. Bulleted List: [ Add Directly ] [ Add With Effects ] [ View Source ]

   Effects: 1) Links open in new window, 2) Part of example has been removed.

3. Colorful Table: [ Add Directly ] [ Add With Effects ] [ View Source ]

   Effects: 1) Example pulses at a random rate, 2) BackgroundColor is randomly chosen.

Note that each example can be added "directly" or "with effects". Directly simply adds the JsonML to the DOM. When effects are enabled, a filter callback is passed to the JsonML parser which checks each element being create to see if additional processing should occur.

The example effects includes binding javascript timers and event handlers, removing elements from result tree, and changing properties on elements. The effects may be composed with one another, and they may be applied to any element within the examples. See the Effects Script for an example of how to bind effects to the DOM elements created from JsonML.

jsonml.org