addBar.html
<HTML>
<HEAD>
<script>var dFrameFilePath = '../../../../../dFrame/'</script>
<script language="Javascript" src="../../../../../dFrame/dFrame/lib/DFrameAPI.js"></script>
<script language="Javascript">
//Style
DFrameAPI.include('dFrame/styles/colors/styleColors.js')
DFrameAPI.onLoad =
function(){
dFrameStyle.getDefaultBarStyle().setAutoWidth('')
dFrameStyle.getDefaultBarStyle().setAutoHeight('')
styleForText = new
ButtonStyle(buttonStyle)
styleForText.setBordersWidth(0)
dFrame = new
DFrame([5, 5, 95, 95], 'addBar.html', dFrameStyle)
dFrame.bar1 =
dFrame.addBar()
dFrame.bar1.setPos('TOP')
dFrame.bar1.addText('position
of this Bar: TOP', styleForText)
dFrame.bar1.addButton('add
Button', 'thisDFrame.bar1.addButton("Button")')
dFrame.bar2 =
dFrame.addBar()
dFrame.bar2.setPos([5,
5, 50, 15])
dFrame.bar2.addText('position
of this Bar: [5, 5, 50, 15]', styleForText)
dFrame.bar2.addButton('add
Button', 'thisDFrame.bar2.addButton("Button")')
dFrame.bar3 =
dFrame.addBar()
dFrame.bar3.setPos([5,
22, '*', 32])
dFrame.bar3.addText('position
of this Bar: [5, 22, \'*\', 32]', styleForText)
dFrame.bar3.addButton('add
Button', 'thisDFrame.bar3.addButton("Button")')
dFrame.bar4 =
dFrame.addBar()
dFrame.bar4.setPos(['*',
'*', '*','*'])
dFrame.bar4.setStartFrom('TOP')
dFrame.bar4.addText('position
of this Bar: [\'*\', \'*\', \'*\',\'*\']<br><center>(and
startFrom(\'TOP\'))', styleForText)
dFrame.bar4.addButton('add
Button', 'thisDFrame.bar4.addButton("Button")')
dFrame.show()
}
</script>
</HEAD>