example.html revision 56522c45e2b30dcf6faa97eb57206b22ae89b8fd
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TabList Widget Example</title>
<link rel="stylesheet" type="text/css" href="/build/cssreset/reset-min.css">
<link rel="stylesheet" type="text/css" href="/build/cssfonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="/build_files/tablist.css">
<script src="/build/yui/yui-min.js" type="text/javascript"></script>
</head>
<body class="yui3-skin-sam">
<script type="text/javascript">
YUI({
base: "/build/",
filter: "raw",
modules: {
"tablist": {
fullpath: "/build_files/tablist-debug.js",
requires: ["widget", "widget-parent", "widget-child", "node-focusmanager"]
}
}
}).use("tablist", "dump", function (Y) {
var tablist = new Y.TabList({ id: "#tabview-1", children: [
{ type: "Tab", label: "Tab One", content: "Tab one content" },
{ type: Y.Tab, label: "Tab Two", content: "Tab two content" }
] });
tablist.add({ label: "Tab Three", content: "Tab three content" });
tablist.render(Y.one("body"));
});
</script>
</body>
</html>