nodelist.html revision 10d67463820db9c4acc3bc438d9e11a9dc72c9c5
c366016ffe1788c6847d0a967a954713725cab5evboxsync<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
c366016ffe1788c6847d0a967a954713725cab5evboxsync<html>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<head>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<title>FIXME</title>
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/yui/yui.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/event-custom/event-custom.js"></script>
e64031e20c39650a7bc902a3e1aba613b9415deevboxsync<script type="text/javascript" src="/build/event-simulate/event-simulate.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/event/event.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/oop/oop.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/base/base.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/attribute/attribute.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/dom/dom-debug.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript" src="/build/node/node-debug.js"></script>
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync<style type="text/css">
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync</style>
c366016ffe1788c6847d0a967a954713725cab5evboxsync</head>
c366016ffe1788c6847d0a967a954713725cab5evboxsync<body>
8d73b12275cff467e9a44e417d5bb7a5b7218bfevboxsync<div id="demo">
c366016ffe1788c6847d0a967a954713725cab5evboxsync <p>lorem</p>
c366016ffe1788c6847d0a967a954713725cab5evboxsync <p title="ipsum">ipsum</p>
c366016ffe1788c6847d0a967a954713725cab5evboxsync <p>dolor</p>
c366016ffe1788c6847d0a967a954713725cab5evboxsync <p>sit</p>
c366016ffe1788c6847d0a967a954713725cab5evboxsync</div>
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync<script type="text/javascript">
c366016ffe1788c6847d0a967a954713725cab5evboxsyncYUI().use('*', function(Y) {
c366016ffe1788c6847d0a967a954713725cab5evboxsync var a = ['foo', 'bar', 'baz:', 'fool'],
c366016ffe1788c6847d0a967a954713725cab5evboxsync b = ['foo', 'baz', 'boo', 'bool'];
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync nodelist = Y.all('p');
c366016ffe1788c6847d0a967a954713725cab5evboxsync //nodelist.set('style.color', 'red');
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync node = Y.get('p[title]');
c366016ffe1788c6847d0a967a954713725cab5evboxsync
c366016ffe1788c6847d0a967a954713725cab5evboxsync/*
c366016ffe1788c6847d0a967a954713725cab5evboxsync1. 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('innerHTMLChange', function(e) {
e.preventDefault();
e.newVal = 'hijacked val';
this._defAttrChangeFn(e);
console.log('Node: ' + e.type + ': ' + e.target._yuid);
});
//node.set('innerHTML', 'new content from Node');
node.after('innerHTMLChange', function(e) {
console.log('Node: afterInnerHTMLChange');
});
nodelist.on('innerHTMLChange', function(e) {
//console.log('NodeList: ' + e.type + ': ' + e.target);
});
var onClick = function(e) {
//e.preventDefault();
console.log('node click');
};
nodelist.on('click', onClick);
Y.get('#demo').addNode('<p>injected content</p>');
nodelist.on('refresh', function(e) {
e.added.on('click', onClick);
});
nodelist.refresh();
nodelist.set('innerHTML', 'new content from NodeList');
//console.log(nodelist.get('title'));
});
</script>
</body>
</html>