mainPageAccess.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/Windows/styleWindows.js')

//globals

var message = 'This is stored in mainPage.'

DFrameAPI.onLoad = function(){

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

var bar = dFrame.addBar()

bar.setBgImage('')

bar.setAutoHeight('CONTENT')

var txt = 'call createDFrame function:'

txt += '<br>- The code calls the createDFrame function stored in page.html.'

txt += '<br>- This code will use the \'mainPage\' keyword to call the createDFrame function of mainPage'

bar.addText(null, txt)

//Call the createDFrame function stored in page.html

//This function will call the createDFrame function below.

dFrame.addButton('call createDFrame function', 'thisDFrame.window.createDFrame()')

dFrame.setURL('./mainPageAccess/page.html')

}

function createDFrame() {

alert('... and this is the createDFrame function in mainPage')

//Instanciate and create a DFrame

var dFrame = new DFrame([20, 20, 80, 80], 'created by createDFrame function', dFrameStyle);

dFrame.show()

}

</script>

</HEAD>

</HTML>

page.html

<HTML>

<HEAD>

<script>

//As the code of those functions is executed in page.html: use mainPage keyword

//to access ressources of mainPage

function alertValue() {

alert(mainPage.message)

}

function createDFrame() {

alert('This is the createDFrame function in the page inserted in the dFrame.\nIt will call the createDFrame function of mainPage')

mainPage.createDFrame()

}

</script>

</HEAD>

<BODY>

Javascript in page.html:<br>

&lt;script&gt;<br>

&nbsp;&nbsp;&nbsp;function createDFrame() {<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('This is the createDFrame function in the page inserted in the dFrame...')<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mainPage.createDFrame()<br>

&nbsp;&nbsp;&nbsp;}<br>

&lt;/script&gt;

</BODY>