addMenu-1.html

<HTML>

<HEAD>

<script>var dFrameFilePath = '../../../'</script>

<script language="Javascript" src="../../../lib/dFrameAPI.js"></script>

 

<script language="Javascript">

     //Global

     //var contextMenu1, contextMenu2, currentMenu

     //Style

     DFrameAPI.include('styles/colors/styleColors.js')

 

     DFrameAPI.onLoad = function(){   

          //DFrameAPI.checkStyles(true)

 

          dFrame = new DFrame([10, 10, 90, 90], 'addMenu-1.html', dFrameStyle)

          var fnt = '<font face=Arial size=2>'

          var txt = fnt + '3 Menus starting from the same Menu arrays definitions:'

          txt += '<br>' + fnt + '- Tree Menu.'

          txt += '<br>' + fnt + '- Pop-up Menu.'

          txt += '<br>' + fnt + '- Context Menu (right-click on mouse).'

          dFrame.addText([20, 20], txt)   

 

          //Define arrays for a sub Menu

          subMenuDef = new Array()

          subMenuDef[0] = new Array('Button', 'New', 'alert("Click !")')

          subMenuDef[1] = new Array('Button', 'Open', 'alert("Click !")')

         

          //Define arrays for the main menu

          var menuDef = new Array()

          menuDef[0] = new Array('Button', 'Documents', subMenuDef)

          menuDef[1] = new Array('Button', 'Exit', 'thisDFrame.closeFrame()')

 

          //Add a tree Menu, on a vertical bar

          var bar = dFrame.addBar('', 'LEFT')       

          bar.setAutoWidth('CONTENT')  

 

          var menu = bar.addMenu(menuDef, ['*', '*']);

          menu.setIsTree(true)

          menu.setBordersWidth([2, 1])  

          menu.setItemsSpacing([-2, -1])

          menu.setBackgroundColor(['#397375', '#18494A'])

 

          //Add a pop-up Menu

          var bar = dFrame.addBar('TOP')

          var menu = bar.addMenu(menuDef, null, 'File', null);

          menu.setIsTree(false)              

    

          //Add a context Menu, from the previous Menu array definition

          contextMenu1 = dFrame.addContextMenu(menuDef);

          contextMenu1.setBordersWidth(1)       

          contextMenu1.setItemsSpacing(-1)                              

          contextMenu1.setBackgroundColor('#639E63')

 

          //Define arrays for a new context Menu

          //Define arrays for a sub Menu

          subMenuDef1 = new Array()

          subMenuDef1[0] = new Array('Button', 'Sub-item1', 'alert("Click !")')

          subMenuDef1[1] = new Array('Button', 'Sub-item2', 'alert("Click !")')

          var menuDef1 = new Array()

          menuDef1[0] = new Array('Button', 'Item 1', subMenuDef1)

          menuDef1[1] = new Array('Button', 'Item 2', 'alert("CLick !")')

         

          //Add a context Menu, from the previous Menu array definition

          contextMenu2 = dFrame.addContextMenu(menuDef1);

          contextMenu2.setBordersWidth([4, 2])  

          contextMenu2.setItemsVSpacing([4, 2])           

          contextMenu2.setBackgroundColor('#9C6563')

         

          button = dFrame.addButton('Use context Menu 2', 'this.flipFlop()')                       

          button.flipFlop = function() {                 

              if (currentMenu == contextMenu1) {

                   this.setText('Use context Menu 1');

                   this.setBgSelected('#9C6563')

                   currentMenu = contextMenu2     

              } else {

                   this.setText('Use context Menu 2');

                   this.setBgSelected('#639E63')                

                   currentMenu = contextMenu1     

              }               

              dFrame.useContextMenu(currentMenu)

          }

 

          currentMenu = contextMenu1

         

          dFrame.show()                       

     }

 

</script>

</HEAD>

</HTML>