firstSample.html

<HTML>

<HEAD>

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

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

<script language="Javascript">

//Style

DFrameAPI.include('./firstSample/firstSampleStyle.js', 'A')

DFrameAPI.onLoad = function(){

//Instanciate the first dFrame

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

var txt = 'In this sample there is one Button and one Menu.'

txt += '<br>The \'File\' Button is the Button of the pop-up Menu.'

txt += '<br>A context Menu is also created.'

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

//add a button

dFrame.addButton('Close', 'thisDFrame.closeFrame()');

//Define a pop-up menu also used as context Menu

var popUpMenu = new Array();

popUpMenu[0] = new Array('Button', 'Button 1', 'alert("Button 1 clicked !")');

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

//create a buttonStyle for the button of the pop-up menu

var x = new ButtonStyle(buttonStyle)

x.setActivateOn('OVER')

//Create the menu

var menu = dFrame.addMenu(popUpMenu, null, 'File', x);

//Add a context Menu

dFrame.addContextMenu(popUpMenu);

//Create the dFrame

dFrame.show();

}

</script>

</HEAD>

</HTML>