getDFrameValues.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/clean/styleClean.js')

//define outPutDFrame as a global

var baseAll

var inputDFrame

var outputDFrame

var value

DFrameAPI.onLoad = function(){

DFrameAPI.checkStyles(false)

//Instanciate the first dFrame

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

var txt = 'If you click on the \'copyToAnotherDFrame\' Button:'

txt +='<br>The function behind this Button gets the value you entered in the form'

txt +='<br>and opens the output.html page in a new DFrame.'

txt +='<br>The Javascript code in this page will use the \'mainPage\' keyword'

txt +='<br>but needs before the getDFrameValues function to get a handle on mainPage.'

var txt = baseAll.addText([15, 5], txt)

txt.setImageNormal(null)

//Create the input dFRame

inputDFrame = new DFrame([10, 30, 40, 60], 'input.html', dFrameStyle, baseAll);

inputDFrame.addButton('Copy to another DFrame', 'copyToAnotherDFrame()')

inputDFrame.setURL('./getDFrameValues/input.html')

}

function copyToAnotherDFrame(url) {

if (!outputDFrame) {

outputDFrame = new DFrame([50, 30, 80, 60], 'output.html', dFrameStyle, baseAll)

}

//Get the value of the text field of inputDFrame and store it in the global 'value' variable

//The onLoadDFrame function of output.html will read it.

var value = inputDFrame.window.document.forms[0].inputField.value

//3rd parameter forces to always refresh the page

//The output.html page will have to use the getDframeValues to write value

outputDFrame.setURL('./getDFrameValues/output.html', null, true)

}

</script>

</HEAD>

</HTML>

input.html

<HTML>

<HEAD>

</HEAD>

<BODY>

<form Method=post Action="null action for this form">

<input name=inputField type=text value="You can modify that.">

</form>

</BODY>

output.html

<HTML>

<BODY>

This is HTML code stored in output.html<br>

but that: "

<font color=red familly=Arial>

<script>

//Call getDFrameValues as mainPage is not yet known

if (window.parent && window.parent.getDFrameValues) window.parent.getDFrameValues()

document.write(mainPage.value)

alert('done')

</script>

</font>

" comes from input.html

</BODY>