Back to Widjet demo page | Read the source of this example

Note: This example uses HTML5 functionality for displaying sliders using <input type="range">. The sliders may therefore not work on older browsers.

Change the value in any of the textboxes or move any slider to make all the other controls also be updated.

How does this work?

This is a straight-forward implementation of the Model-View-Presenter(MVP) pattern. As the name implies there are three logical components that have the following function and responsibility:

Model

Presenter

View