nodelist.html revision b45cf0c43257bd3781496320d9602fac76d997f2
<html>
<head>
<title>FIXME</title>
</style>
</head>
<body>
<div id="demo">demo</div>
<p>lorem</p>
<p title="ipsum">ipsum</p>
<p>dolor</p>
<p>sit</p>
<script type="text/javascript">
YUI().use('*', function(Y) {
var a = ['foo', 'bar', 'baz:', 'fool'],
b = ['foo', 'baz', 'boo', 'bool'];
console.log(Y.Array.diff(a, b));
nodelist = Y.all('p');
nodelist.set('style.color', 'red');
node = Y.get('p[title]');
node.set('style.color', 'red');
console.log(node);
/*
1. set title on all nodes
store initial value === prevVal
2. provide prevVal array in handler
3. fire node titleChange
4. fire nodelist titleChange
*/
node.on('titleChange', function(e) {
console.log('node title change: ' + e.target._yuid);
});
nodelist.on('titleChange', function(e) {
console.log('nodelist title change');
});
node.on('click', function(e) {
//e.preventDefault();
console.log('node click');
});
nodelist.set('title', 'foo');
node.after('title change', function(e) {
console.log('node after title change');
});
//console.log(nodelist.get('title'));
});
</script>
</body>
</html>