Untitled

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>HTML Effects</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">

	</style>
	<script language="JavaScript" type="text/javascript">
		// Dojo configuration
		djConfig = { 
			isDebug: true
		};
	</script>
	<script type="text/javascript" src="lib/dojo/dojo.js.uncompressed.js"></script>
	<script type="text/javascript">
	dojo.require("dojo.widget.TabContainer");
	dojo.require("dojo.widget.ContentPane");
	dojo.require("dojo.widget.PageContainer");
	
	dojo.addOnLoad(function() {
		
		dojo.event.connect(dojo.byId('createTab'),"onclick",function (e) {
	      alert("wtf");
	    });
		
		var tabs = dojo.widget.createWidget("dojo:PageContainer",
			{widgetId: "content"},dojo.byId("content"));
			
		var tabController = dojo.widget.createWidget("dojo:TabController",
			{containerId: tabs.widgetId, "class": "controller1" });

		tabs.addChild(dojo.widget.createWidget("dojo:ContentPane"),
			{label: "tab1", widgetId: "tab1"}, dojo.byId("tab1"));
		tabs.addChild(dojo.widget.createWidget("dojo:ContentPane"),
			{label: "tab2", widgetId: "tab2"}, dojo.byId("tab2"));
	});

	</script>
</head>
<body>
	<a href="#" id="createTab">Create Tab</a>
	<div id="content">
		<div id="tab1">
			<p>content her</p>
		</div>
		<div id="tab2">
			<p>content2</p>
		</div>
	</div>
</body>
</html>