1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| <html>
<head>
<title>Dojo example</title>
<style type="text/css">
@import "dojo/dojo-release-1.2.3/dijit/themes/nihilo/nihilo.css";
</style>
<script type="text/javascript" src="dojo/dojo-release-1.2.3/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug: false"></script>
<script>
dojo.require( "dijit.layout.TabContainer" );
dojo.require( "dijit.layout.ContentPane" );
</script>
<body class="nihilo">
<button dojoType="dijit.form.Button" id="bouton">Click
<script type="dojo/method" event="onClick" args="item">
alert(dijit.byId("onglets").selectedChildWidget);
</script>
</button>
<div dojoType="dijit.layout.TabContainer" id="onglets">
<div dojoType="dijit.layout.ContentPane" id="tab1" title="tab1">1</div>
<div dojoType="dijit.layout.ContentPane" id="tab2" title="tab2">2</div>
<div dojoType="dijit.layout.ContentPane" id="tab3" title="tab3">3</div>
</div>
</body>
</html> |