'view first' design prototype:

requirements:

• i want the page to be synced on all attached browsers, therefore i can't use AJAX but have to use comet
• lift:comet can only post data using a submit button *AFAIK*, therefore i've added buttons like this:

<button type="submit" name="r1" style="border: 0; background: transparent; width: 100px; height: 100px;"
        onClick="form_submit(this.form.name, 1)">
    <img id="image_r1" src="static/1.gif"/>
</button>
<button type="submit" name="r2" style="border: 0; background: transparent; width: 100px; height: 100px;"
        onClick="form_submit(this.form.name, 2)">
    <img id="image_r2" src="static/1.gif" onclick="alert('foo1')"/>
</button>

• i also want to update the button image, if the state has changed, i've added something similar to:

def render = {
  "#image_r1" #> <img id="image_r1" src="static/2.gif"/>
}

input methods:

mouse or touch:

mouse or touch:

java script indirection test:

Click me