Explicitly subscribing to observables
Change notification on an inline editor (save changes)
HTML
<script src="http://addyosmani.github.com/todomvc/architecture-examples/knockoutjs/js/app.js"></script>
<div id="funkyPlayer">
<div id="funkyPlayer-container">
<div class="ui360 ui360-vis" title="Play/Pause [space]">
<a class="fatManLink" data-bind="attr: { href: current_url }"></a>
</div>
</div>
</div>
CSS
.edit {
display: none;
}
.editing .edit {
display: block;
}
.editing .view {
display: none;
}
JavaScript
var fakeSource = "/static/silence.mp3";
Spank.player = {
current_url: ko.observable(fakeSource);
};
ko.applyBindings(Spank.player, document.getElementById('funkyPlayer'));