newDFrame.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(){   

 

          var dFrame = new DFrame([10, 10, 90, 90], 'newDFrame.html', dFrameStyle)

          //dFrame.addText([10, 10], 'Although positions of this Dframe are [0, 0, 100, 100]<br>parent\'s bar are not hidden')

 

          barStyle.setHeight(20)

          barStyle.setWidth(20)

          var color = ['blue', 'yellow', 'green']

          //add 4 x 4 bars

          for (var i = 0 ; i<3 ; i++) {

              barStyle.setBackgroundColor(color[i])                      

              dFrame.addBar('', 'TOP', barStyle)

              dFrame.addBar('', 'RIGHT', barStyle)

              dFrame.addBar('', 'BOTTOM', barStyle)

              dFrame.addBar('', 'LEFT', barStyle)              

          }

          dFrameStyle.setBackgroundColor('red')

          //Although positions of this Dframe are [0, 0, 100, 100] parent's bar will not be hidden

          var dFrame = new DFrame([0, 0, 100, 100], 'added DFrame', dFrameStyle, dFrame)

          dFrame.show()

     }

</script>

</HEAD>

</HTML>