Dojo 1.0のタブ

こちらは

  • TabContainer の中に ContentPane
  • titleはつけないとクリックするところが出てこない

レイアウト周りはExt 使うより易しい気がする。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
<script type="text/javascript">
    dojo.require("dijit.layout.TabContainer");
    dojo.require("dijit.layout.ContentPane");
    dojo.require("dojo.parser");
</script>
<style type="text/css">
    @import "dojo/resources/dojo.css";
    @import "dijit/themes/dijit.css";
</style>
</head>
<body>
<div dojoType="dijit.layout.TabContainer" id="maindiv" style="height: 50px; width: 100%">
    <div dojoType="dijit.layout.ContentPane" id="tab1" title="Tab 1" selected="true"
        style="background-color: #FFEEEE">
        Tab 1
    </div>
    <div dojoType="dijit.layout.ContentPane" id="tab2" title="Tab 2"
        style="background-color: #EEEEFF">
        Tab 2
    </div>
</div>
</body>
</html>