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>