Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: combineOnLeftR…
Fetching contributors…

Cannot retrieve contributors at this time

55 lines (47 sloc) 1.654 kB
<html>
<head>
<script src="../lib/jquery.js"></script>
<script src="../dist/Bacon.js"></script>
<script>
$(function() {
$("#clikme").asEventStream("click").subscribe(function(event) {
alert("mmmm... bacon!")
})
function always(value) { return function() { return value }}
function keyCodeIs(keyCode) {
return function(event) { return event.keyCode == keyCode }
}
function keyDowns(keyCode) {
return $(document).asEventStream("keydown").filter(keyCodeIs(keyCode))
}
function keyUps(keyCode) {
return $(document).asEventStream("keyup").filter(keyCodeIs(keyCode))
}
function keyState(keyCode) {
return keyDowns(keyCode).map(always("DOWN"))
.merge(keyUps(keyCode).map(always("UP"))).toProperty("UP")
}
keyState(32).onValue(function(state) {
$("#state").text(state)
})
function isEmpty(s) { return s.length == 0 }
$("#enabling input").asEventStream("keyup").map(function(event) { return $(event.target).val()}).toProperty("").map(isEmpty).assign($("#enabling button"), "attr", "disabled")
})
</script>
</head>
<body>
<h1>bacon.js example page</h1>
<div>
<h2>Simplest example:</h2>
<span id="clikme">click me</span>
</div>
<div>
<h2>Combinators example</h2>
SPACEBAR status=<span id="state"></span>
</div>
<div id="enabling">
<h2>Enable/disable</h2>
<input type="text" placeholder="required field">
<button>Don't push me</button>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.