nodelist.html revision dd619970d0715e8271b6f4e344737b073b713a7b
0N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2362N/A<html>
0N/A<head>
0N/A<title>FIXME</title>
0N/A
0N/A<script type="text/javascript" src="/build/yui/yui.js"></script>
0N/A<script type="text/javascript" src="/build/event-custom/event-custom.js"></script>
0N/A<script type="text/javascript" src="/build/event-simulate/event-simulate.js"></script>
0N/A<script type="text/javascript" src="/build/event/event.js"></script>
0N/A<script type="text/javascript" src="/build/oop/oop.js"></script>
0N/A<script type="text/javascript" src="/build/base/base.js"></script>
0N/A<script type="text/javascript" src="/build/attribute/attribute.js"></script>
0N/A<script type="text/javascript" src="/build/dom/dom-debug.js"></script>
0N/A<script type="text/javascript" src="/build/node/node-debug.js"></script>
0N/A
0N/A<style type="text/css">
0N/A
0N/A</style>
2362N/A</head>
2362N/A<body>
2362N/A<div id="demo" class="foo">
0N/A <p id="lorem">lorem</p>
0N/A <p title="ipsum">ipsum</p>
0N/A <p>dolor</p>
0N/A <p>sit</p>
0N/A</div>
0N/A
0N/A<script type="text/javascript">
0N/AYUI().use('*', function(Y) {
0N/A var a = ['foo', 'bar', 'baz:', 'fool'],
0N/A b = ['foo', 'baz', 'boo', 'bool'];
0N/A
0N/A nodelist = Y.all('p');
0N/A //nodelist.set('style.color', 'red');
0N/A
0N/A node = Y.get('p[title]');
0N/A
0N/A/*
0N/A1. set title on all nodes
0N/A store initial value === prevVal
0N/A2. provide prevVal array in handler
0N/A3. fire node titleChange
0N/A4. fire nodelist titleChange
0N/A*/
0N/A
0N/A node.on('innerHTMLChange', function(e) {
0N/A e.preventDefault();
0N/A e.newVal = 'hijacked val';
0N/A this._defAttrChangeFn(e);
0N/A console.log('Node: ' + e.type + ': ' + e.target._yuid);
0N/A });
0N/A //node.set('innerHTML', 'new content from Node');
0N/A
0N/A
0N/A //node.setStyle('color', 'red');
0N/A nodelist.setStyle('color', 'red');
0N/A
0N/A console.log(Y.all('body').get('firstChild.nodeName'));
0N/A/*
0N/A console.log(Y.get('body').get('firstChild.nodeName'));
0N/A
0N/A Y.get('body').on('firstChildChange', function(e) {
0N/A console.log(e);
0N/A e.preventDefault();
0N/A });
0N/A console.log(Y.get('body').set('firstChild.nextSibling.innerHTML', 'foo'));
0N/A
0N/A node.after('innerHTMLChange', function(e) {
0N/A console.log('Node: afterInnerHTMLChange');
0N/A });
0N/A
0N/A nodelist.on('innerHTMLChange', function(e) {
0N/A //console.log('NodeList: ' + e.type + ': ' + e.target);
0N/A });
0N/A
0N/A var onClick = function(e) {
0N/A //e.preventDefault();
0N/A console.log('node click');
0N/A };
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(Y.get('#demo').get('children').set('innerHTML', 'foo'));
console.log(Y.get('#demo').hasClass('foo'));
console.log(Y.get('#demo').addClass('bar'));
console.log(Y.get('#demo').hasClass('bar'));
console.log(nodelist.item(0).get('id'));
nodelist.each(function(n) {
n.set('innerHTML', 'set by nodelist.each()');
});
*/
});
</script>
</body>
</html>