rendered paste body<script type="text/javascript">
dojo.require("dojo.event.*"); dojo.require("dojo.io.*"); dojo.require("dojo.widget.*"); dojo.require("acme.widget.Menu");
</script>
<style type="text/css">
dt, dd{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
</style>
</head>
<body>
<div id="menu" dojoType="acme:Menu">
<dl >
<dt dojoAttachEvent="onClick">Step 1</dt>
<dd>This is the definition</dd>
</dl>
<dl>
<dt>Step 2</dt>
<dd>This is the definition</dd>
</dl>
<dl>
<dt>Step 3</dt>
<dd>This is the definition</dd>
</dl>
</div>