AJAX Samples
The lift to draw the controls:
class Ajax {
def sample = {
var cnt = 0
<span>
{
a(() => {cnt = cnt + 1; SetHtml("cnt_id", Text( cnt.toString))},
<span>Click me to increase the count
(currently <span id='cnt_id'>0</span>)</span>)
} <br />
<div id="messages"></div>
{
val opts = (1 to 50).toList.map(i => (i.toString, i.toString))
ajaxSelect(opts, Full(1.toString),
v => DisplayMessage("messages",
Text("You selected "+v) ++
<span> From the select box</span>,
5 seconds, 1 second))
} <br />
{
ajaxText("", v => DisplayMessage("messages",
Text("You entered some text: "+v),
4 seconds, 1 second))
} <br />
{
swappable(<span>Click to edit: <span id='the_text'></span></span>,
ajaxText("",
v => DisplayMessage("messages",
Text("You entered some text: "+v),
4 seconds, 1 second)
+ SetHtml("the_text", Text(v))))
} <br />
<textarea id="the_area" cols="50" rows="10"></textarea>
<br />
<a href="#" onclick={
ajaxCall("document.getElementById('the_area').value",
text => DisplayMessage("messages",
<pre>{text}</pre>,
4 seconds, 200))
}>Enter text above and click me</a>
</span>
}
}