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>