Skip to content

Commit

Permalink
start working on <input> tags bindings
Browse files Browse the repository at this point in the history
  • Loading branch information
yufeiliu committed Dec 26, 2011
1 parent da83f5f commit acd3890
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 4 deletions.
3 changes: 3 additions & 0 deletions demo.html
Expand Up @@ -24,12 +24,15 @@

<div id="clock-container">
It has been <strong id="clock-view"></strong> seconds since you refereshed this page.
<br/>
Works on input box as well: <input type="text" id="textbox" />
</div>

<script>
counter = 0;
_var("counter")
.bind(document.getElementById("clock-view"))
.bind(document.getElementById("textbox"))
//Remove binding after 30 seconds
.bind(function(val) {
if (val==30) {
Expand Down
9 changes: 5 additions & 4 deletions src/_var.js
Expand Up @@ -9,18 +9,19 @@ if (typeof(_var)==="undefined") {
(function() {
bindings = {};
_var = function() {

if (arguments.length<1) return this.bindings;
var vname = arguments[0];

var self = this;
var handler = {
bind: function(target) {

var triggerSingle = function(val,cur) {
if (cur && {}.toString.call(cur)==='[object Function]') {
if (!cur) return;
if ({}.toString.call(cur)==='[object Function]') {
cur(val);
} else if (cur && cur.tagName && cur.nodeName) {
} else if (cur.tagName.toUpperCase()==='INPUT' && cur.nodeName) {
cur.value = val;
} else if (cur.tagName && cur.nodeName) {
cur.innerHTML = val;
}
}
Expand Down

0 comments on commit acd3890

Please sign in to comment.