tests/manual/valuechange-delegate.html

	valuechange-delegate.html revision d4f85910579f62260db7d61c5203ac0a4edac8fd
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<!DOCTYPE html>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<html>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<head>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <meta charset="utf-8">
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <title>event-valuechange delegation test</title>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove</head>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<body>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<h1>event-valuechange delegation test</h1>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<form id="container">
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <p><input type="text" id="a" class="odd"></p>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <p><input type="text" id="b" class="even"></p>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <p><input type="text" id="c" class="odd"></p>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <p><textarea id="d" class="even"></textarea></p>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <p><textarea id="e" class="odd"></textarea></p>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    <p><textarea id="f" class="even"></textarea></p>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove</form>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<script src="/build/yui/yui.js"></script>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove<script>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grovevar Y = YUI({filters: {'event-valuechange': 'debug'}}).use('event-valuechange', 'node-event-delegate', function (Y) {
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    var form = Y.one('#container');
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    form.delegate('valuechange', function (e) {
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove        Y.log('#' + e.currentTarget.get('id') + ' .odd: "' + e.prevVal + '" -> "' + e.newVal + '"');
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    }, '.odd');
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    form.delegate('valuechange', function (e) {
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove        Y.log('#' + e.currentTarget.get('id') + ' .even: "' + e.prevVal + '" -> "' + e.newVal + '"');
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    }, '.even');
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    form.delegate('valuechange', function (e) {
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove        Y.log('#' + e.currentTarget.get('id') + ' function: "' + e.prevVal + '" -> "' + e.newVal + '"');
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    }, function (node) {
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove        return node.getAttribute('type') === 'text';
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove    });
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove});
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove</script>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove</body>
d4f85910579f62260db7d61c5203ac0a4edac8fdRyan Grove</html>