renderParentNode.html revision dc56725840a5725bb87cdd6c4073bf04d63e6b78
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen<html>
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen
16f816d3f3c32ae3351834253f52ddd0212bcbf3Timo Sirainen<head>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen <title>YUI Widget Parent Node Tests</title>
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen <meta http-equiv=content-type content="text/html; charset=utf-8">
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen
a24f5976e9c6154ff58291634647a22a363c3198Timo Sirainen <script src="/build/yui/yui.js"></script>
b44a50ea4123f21dfc8e1b6c602f690fd9721b67Timo Sirainen <style>
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen #red .yui-widget-content {
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen background-color:red;
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen }
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen #blue .yui-widget-content {
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen background-color:blue;
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen }
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen .yui-widget {
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen margin:10px;
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen }
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen .yui-widget-content {
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen padding:2px;
51795bfe9d05d92fe942cb451aec2b9d16d32a11Timo Sirainen color:white;
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen background-color:green;
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen }
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen </style>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen</head>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen<body>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen <div id="blue"></div>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen <div id="red"></div>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen <script>
2a6af811ea3de3cf9e2f15e446674dd21b0705f3Timo Sirainen YUI().use("widget", function(Y) {
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen var widget = new Y.Widget();
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen widget.get("contentBox").set("innerHTML", "render(docFrag) - Should be Blue");
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen // Render to a fragment
0cb2e8eb55e70f8ebe1e8349bdf49e4cbe5d8834Timo Sirainen var frag = Y.one("doc").invoke("createDocumentFragment");
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen widget.render(frag);
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen
aa0647f2debf0d48d504a321186f66c85596aaf4Timo Sirainen // User responsible for putting the fragment contents somewhere...
b92813e2f96d4b28f989528ed5dd6115da7d9bdbTimo Sirainen Y.one("#blue").append(frag);
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen
b92813e2f96d4b28f989528ed5dd6115da7d9bdbTimo Sirainen var widget2 = new Y.Widget();
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen widget2.get("contentBox").set("innerHTML", "render(divInDoc) - Should be Red");
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen widget2.render("#red");
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen var widget3 = new Y.Widget();
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen widget3.get("contentBox").set("innerHTML", "render() - Should be Green");
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen widget3.render();
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen });
aa0647f2debf0d48d504a321186f66c85596aaf4Timo Sirainen </script>
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen</body>
e8acc691a14a6d0884c5ca9aa4d8507f1e082040Timo Sirainen</html>