advanced.dynapi.html

<HTML>

<HEAD>

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

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

 

<script language="Javascript">

     //load additional libraries of DynAPI

     DynAPI.setLibraryPath('../../../dynapi/src/lib/');

 

     DynAPI.include('dynapi.ext.inline.js')

     DynAPI.include('dynapi.util.debug')

    

     DynAPI.include('dynapi.util.thread.js');

     DynAPI.include('dynapi.util.pathanim.js');

     DynAPI.include('dynapi.gui.dynimage.js');

    

     DynAPI.include('dynapi.gui.button.js');

     DynAPI.include('dynapi.gui.buttonimage.js');          

     DynAPI.include("dynapi.gui.list.js")           

     DynAPI.include('dynapi.gui.viewport.js');

     DynAPI.include('dynapi.gui.pushpanel.js'); 

     //=========>>>>DynAPI.include('dynapi.gui.loadpanel.js');                                  

     DynAPI.include('dynapi.gui.loadpanelForDFrame.js');

     //=========>>>>DynAPI.include('dynapi.gui.scrollbar.js');

     DynAPI.include('dynapi.gui.scrollbarForDFrame.js');

     DynAPI.include('dynapi.gui.scrollpane.js'); 

     DynAPI.include('dynapi.util.circleanim.js'); 

     DynAPI.include('dynapi.util.hoveranim.js');  

     DynAPI.include('dynapi.util.imganim.js');                

 

     //Style

     DFrameAPI.include('styles/blue/styleBlue.js')

         

     //globals

     var dFrameLeft

 

     DFrameAPI.onLoad = function(){   

          //set activateOn

          dFrameStyle.getDefaultBarStyle().getDefaultMenuStyle().getDefaultButtonStyle().setActivateOn('OVER')

          //Create the first dFrame

          baseAll = new DFrame([0, 0, 100, 100], 'advanced.dynAPI.html', dFrameStyle);

         

          var m = baseAll.getStyle().getDefaultBarStyle().getDefaultMenuStyle()

          m.setIsTree(false)

          m.setBackgroundColor('#637D9C')                    

          m.setBordersWidth(1)

 

          var M = new Array()

          M[0] = ['Button', 'api.create.html', 'openPage("api.create.html")']

          M[1] = ['Button', 'api.delete.html', 'openPage("api.delete.html")']

          M[2] = ['Button', 'api.inflow.html', 'openPage("api.inflow.html")']

          M[3] = ['Button', 'api.setHTML.html', 'openPage("api.setHTML.html")']

          var menu = baseAll.addMenu(M, 'api')               

 

          var M = new Array()

          M[0] = ['Button', 'event.bubbling.html', 'openPage("event.bubbling.html")']

          M[1] = ['Button', 'event.dragevent.html', 'openPage("event.dragevent.html")']

          M[2] = ['Button', 'event.keyevents.html', 'openPage("event.keyevents.html")']

          M[3] = ['Button', 'event.mouseevents.html', 'openPage("event.mouseevents.html")']

          M[4] = ['Button', 'event.nocontextual.html', 'openPage("event.nocontextual.html")']

          var menu = baseAll.addMenu(M, 'event')            

 

          var button = baseAll.addButton('ext.inline', 'openPage("ext.inline.html")')

 

          var M = new Array()

          M[0] = ['Button', 'gui.button.html', 'openPage("gui.button.html")']

          M[1] = ['Button', 'gui.buttonimage.html', 'openPage("gui.buttonimage.html")']

          M[2] = ['Button', 'gui.dynimage.html', 'openPage("gui.dynimage.html")']

          M[3] = ['Button', 'gui.loadpanel.html', 'openPage("gui.loadpanel.html")']

          M[4] = ['Button', 'gui.label.html', 'openPage("gui.label.html")']

          M[5] = ['Button', 'gui.list.html', 'openPage("gui.list.html")']

          M[6] = ['Button', 'gui.pushpabel.html', 'openPage("gui.pushpanel.html")']

          M[7] = ['Button', 'gui.scrollbar.html', 'openPage("gui.scrollbar.html")']

          M[8] = ['Button', 'gui.scrollpane.html', 'openPage("gui.scrollpane.html")']

          M[9] = ['Button', 'gui.viewport.html', 'openPage("gui.viewport.html")']

          var menu = baseAll.addMenu(M, 'gui')                                       

 

          var M = new Array()

          M[0] = ['Button', 'util.circleanim.html', 'openPage("util.circleanim.html")']

          M[1] = ['Button', 'util.hover.html', 'openPage("util.hover.html")']

          M[2] = ['Button', 'util.imganim.html', 'openPage("util.imganim.html")']

          M[3] = ['Button', 'util.pathanim.html', 'openPage("util.pathanim.html")']

          M[4] = ['Button', 'util.pathanim-slide.html', 'openPage("util.pathanim-slide.html")']

          M[5] = ['Button', 'util.thread.html', 'openPage("util.thread.html")']

          var menu = baseAll.addMenu(M, 'util')               

 

          baseAll.show()

     }

    

function openPage(url) {

 

     dFrame = new DFrame([3, 3, 70, 70], 'DynAPI example', dFrameStyle, baseAll);

     //Special style methods so that dFrames are cascaded

     dFrame.setContentBgColor(false)  

     dFrame.setIndentX(30)

     dFrame.setIndentY(30)     

     dFrame.addButton('Close', 'thisDframe.closeFrame()')

     dFrame.setURL('./advanced.dynAPI/'+url)

}

</script>

</HEAD>

</HTML>