nodelist.html revision b45cf0c43257bd3781496320d9602fac76d997f2
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<html>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<head>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<title>FIXME</title>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/yui/yui.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/event-custom/event-custom.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/event-simulate/event-simulate.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/event/event.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/oop/oop.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/base/base.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/attribute/attribute.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/dom/dom.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript" src="/build/node/node-debug.js"></script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<style type="text/css">
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney</style>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney</head>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<body>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<div id="demo">demo</div>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<p>lorem</p>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<p title="ipsum">ipsum</p>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<p>dolor</p>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<p>sit</p>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney<script type="text/javascript">
b45cf0c43257bd3781496320d9602fac76d997f2Matt SweeneyYUI().use('*', function(Y) {
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney var a = ['foo', 'bar', 'baz:', 'fool'],
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney b = ['foo', 'baz', 'boo', 'bool'];
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney console.log(Y.Array.diff(a, b));
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney nodelist = Y.all('p');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney nodelist.set('style.color', 'red');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney node = Y.get('p[title]');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney node.set('style.color', 'red');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney console.log(node);
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney/*
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney1. set title on all nodes
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney store initial value === prevVal
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney2. provide prevVal array in handler
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney3. fire node titleChange
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney4. fire nodelist titleChange
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney*/
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney node.on('titleChange', function(e) {
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney console.log('node title change: ' + e.target._yuid);
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney });
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney nodelist.on('titleChange', function(e) {
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney console.log('nodelist title change');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney });
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney node.on('click', function(e) {
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney //e.preventDefault();
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney console.log('node click');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney });
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney nodelist.set('title', 'foo');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney node.after('title change', function(e) {
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney console.log('node after title change');
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney });
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney //console.log(nodelist.get('title'));
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney});
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney</script>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney</body>
b45cf0c43257bd3781496320d9602fac76d997f2Matt Sweeney</html>