topDFrame.html

<HTML>

<HTML>

<HEAD>

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

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

<script language="Javascript">

//Style

DFrameAPI.include('styles/windows/styleWindows.js')

//globals

var dFrameLeft

DFrameAPI.onLoad = function(){

//Create the first dFrame

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

baseAll.addButton('Insert a page', 'insertPageInLeftFrame()');

baseAll.addText([60,3], 'The Close button on the Tool bar always concern<br>the DFrame on top of the screen.' )

commonActionBar = baseAll.addBar([60, 10,'*','*'])

commonActionBar.addButton('Close','topDFrame.closeFrame()')

commonActionBar.addTitleBar('Tool bar')

baseAll.show()

}

function insertPageInLeftFrame() {

if (!dFrameLeft) {

dFrameLeft = new DFrame([0, 0, 30, 100], 'leftPage.html', dFrameStyle, baseAll);

dFrameLeft.setContentBgColor(false)

dFrameLeft.setTarget('openRightPage()')

dFrameLeft.setMultipleTarget(true)

}

dFrameLeft.setURL('./application/leftPage.html')

}

function openRightPage() {

var key = 'keyForRightDFrame'

var dFrame = DFrameCollector.find(key)

if ( !dFrame ) {

dFrame = new DFrame([40, 20, 70, 50], 'Right Frame', dFrameStyle, baseAll);

DFrameCollector.register(dFrame, key)

}

return dFrame

}

</script>

</HEAD>

</HTML>