addMenu-3.html
<HTML>
<HEAD>
<script>var
dFrameFilePath = '../../../'</script>
<script
language="Javascript" src="../../../lib/dFrameAPI.js"></script>
<script
language="Javascript">
//Style
DFrameAPI.include('styles/blue/styleBlue.js')
DFrameAPI.onLoad = function(){
var dFrame = new DFrame([10, 10, 90, 90], addMenu-3.html',
dFrameStyle)
var ssM = new Array()
ssM[0] = ['Button', 'sub1-sub2--item1', 'alert("Click
!")']
ssM[1] = ['Button', 'sub1-sub2-item2', 'alert("Click
!")']
var sM = new Array()
sM[0] = ['Button', 'sub1-item1', ssM]
sM[1] = ['Button', 'sub1-item2', 'alert("Click
!")']
var M = new Array()
M[0] = ['Button', 'item1', sM]
M[1] = ['Button', 'item2', 'alert("Click !")']
//-- Menu 1
//use an array for borders width: No borders for the
sub-level
dFrame.getStyle().getDefaultBarStyle().getDefaultMenuStyle().setBordersWidth([1,
1])
dFrame.addText('The pop-up Menu is used to create the
context Menu.',[10,10])
var bar = dFrame.addBar('', 'TOP')
var menu1 = bar.addMenu(M)
menu1.setIsTree(false)
//-- Menu 2
var N = new Array()
N[0] = ['Button', 'Context item1', 'alert("Click
!")']
N[1] = ['Button', 'Context item2', 'alert("Click
!")']
var menu2 = dFrame.addContextMenu([N, menu1])
menu2.setWidth(200)
menu2.setBackgroundColor('#637D9C')
dFrame.show()
}
</script>
</HEAD>
</HTML>