yui.html revision ad5ea88fe7fe14ca1867aa5983c4254863f197ce
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<html>
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<head>
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<title>YUI 3.0</title>
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<script type="text/javascript" src="/build/yui.js"></script>
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<script type="text/javascript">
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen////////////////////////////////////////////////////////////////////////////
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen(function() {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen var Mod = function(Y) {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen Y.example.B = function() {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen this.Super.apply(this, arguments);
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen this.b = "b";
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen Y.log("'B' constructor called: " + Array.prototype.splice.call(arguments, 0));
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen };
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen console.log('plugging B ' + Y.id);
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen Y.extend(Y.example.B, Y.example.A, {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen test: function() {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen this.Super('test', 'differentparams');
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen Y.log("'B' test called: " + Array.prototype.splice.call(arguments, 0));
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen }
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen });
01af742a7b77d85c8f52da16e281b72415f46f9dChristian Brauner };
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen YUI.add("b", Mod, "3.0.0");
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen})();
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen////////////////////////////////////////////////////////////////////////////
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen(function() {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen var Mod = function(Y) {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
4ec31c52242ebeacf67a0291c4f100e2b4a8c343Christian Brauner Y.example.A = function() {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen this.a = "a"; this.b = "a"; this.c = "a";
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen // merge the prototype // wonder if this technique would speed inheritance since it // would eliminate lookups in the prototype chain.
dc259399a453b68811a9c62fcf739b8e77e3fbe8Tycho Andersen //YUI.augment(this, A.prototype);
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen Y.log("'A' constructor called: " + Array.prototype.splice.call(arguments, 0));
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen };
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen Y.example.A.prototype = {
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen d: function() { return "foo"; },
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen toString: function() { return [this.a, this.b, this.c, this.d].join(', '); },
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen test: function() {
3e4b0221c4a5f4e815fe2fed6ccef90d8df507f0Adrian Reber Y.log("'A' test called: " + Array.prototype.splice.call(arguments, 0));
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen }
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen };
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen console.log('plugging A ' + Y.id);
2fdca63d45448ffaa602e696865e456744fc0752Adrian Reber };
2fdca63d45448ffaa602e696865e456744fc0752Adrian Reber
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen YUI.add("a", Mod, "3.0.0");
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen})();
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen////////////////////////////////////////////////////////////////////////////
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen
9d928ec50fd75f7f392c7978395ec755650587f3Tycho Andersen(function() {
9d928ec50fd75f7f392c7978395ec755650587f3Tycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen var Mod = function(Y) {
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen Y.example.C = function() {
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen // this.Super();
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen this.Super.apply(this, arguments);
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen this.a = "c"; this.b = "c"; this.c = "c";
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen Y.log("'C' constructor called: " + Array.prototype.splice.call(arguments, 0));
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen };
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen console.log('plugging C ' + Y.id);
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen };
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen YUI.add("c", Mod, "3.0.0");
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen})();
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
2fdca63d45448ffaa602e696865e456744fc0752Adrian Reber////////////////////////////////////////////////////////////////////////////
2fdca63d45448ffaa602e696865e456744fc0752Adrian Reber
2fdca63d45448ffaa602e696865e456744fc0752Adrian Reber(function() {
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen
73d467522b29983a4c0e1d806a460432870ac5ffTycho Andersen // YUI.use('b', 'a'); // order matters in stating deps unless add informs about deps
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // YUI.use('a', 'b');
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen var y1 = YUI().use('a', 'c');
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen var b = new .example.B(1, 2);
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen b.test(1, '2');
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // shouldn't work
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // var c = new YUI.example.C();
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // shouldn't work
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // var b = new y1.example.B();
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen var a1 = new YUI.example.A();
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen a1.b = "a1 change";
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen var a2 = new y1.example.A();
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen a2.c = "a2 change";
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // add a new version of A, change a prototype function
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen (function() {
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen var Mod = function(Y) {
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen Y.example.A = function() {
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen this.a = "a"; this.b = "a"; this.c = "a";
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen Y.log("'New A' constructor called");
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen // merge the prototype // wonder if this technique would speed inheritance since it // would eliminate lookups in the prototype chain.
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen //YUI.augment(this, A.prototype);
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen };
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen Y.example.A.prototype = {
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen d: function() { return "bar"; },
9451eeffb0688b801034d963c455c8b31ccbf28cTycho Andersen toString: function() { return [this.a, this.b, this.c, this.d].join(', '); }
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen };
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
c6c37c20326c7fcd8a2f072263188cc84c403955Tycho Andersen console.log('plugging A ' + Y.id);
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen };
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen YUI.add("a", Mod, "3.0.0");
a17fa3c081a2a2e2ec692ed8decaf54470d05dceNiklas Eiling
a17fa3c081a2a2e2ec692ed8decaf54470d05dceNiklas Eiling })();
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen var y2 = YUI().use('a');
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen var a3 = new y2.example.A();
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen console.log('Prototype protected? ' + a2.d() + ", " + a3.d() + " - " + (a2.d() != a3.d()));
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen
7103fe6f08cb04a498e3090d8416b4275a4a0d7eTycho Andersen y2.example.A.prototype.d = function() {
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen return "changed_d";
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen };
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen
e9195050b4abd0bc4c207457cb2f1f161b583fc8Tycho Andersen console.log('Prototype protected? ' + a2.d() + ", " + a3.d() + " - " + (a2.d() != a3.d()));
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
c6c37c20326c7fcd8a2f072263188cc84c403955Tycho Andersen
9179d21a5df6d41770df2aa67653722596ab079eTycho Andersen})();
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen</script>
4b54788e85a4e2f423133354f8141ed02f795d71Tycho Andersen<body>
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen<input id="addButton" type="button" value="Add link" />
aef3d51e61d8e65f31201e4a60eb4102ce5b4385Tycho Andersen
dc259399a453b68811a9c62fcf739b8e77e3fbe8Tycho Andersen</body>
dc259399a453b68811a9c62fcf739b8e77e3fbe8Tycho Andersen
e29fe1dd21a58d1deddb3ca3bf3eaf260c525b10Tycho Andersen</html>
aef3d51e61d8e65f31201e4a60eb4102ce5b4385Tycho Andersen
9d928ec50fd75f7f392c7978395ec755650587f3Tycho Andersen