onEvent.html
<HTML>
<HTML>
<HEAD>
<script>var
dFrameFilePath = '../../../'</script>
<script
language="Javascript"
src="../../../lib/dFrameAPI.js"></script>
<script
language="Javascript">
//Style
DFrameAPI.include('styles/blue/styleBlue.js')
DFrameAPI.onLoad = function(){
var dFrame = new DFrame([10, 10, 90, 90], 'onEvent.html', dFrameStyle)
dFrame.addButton('Open a dFrame with a document',
'createDFrame("./onEvent/document.html")')
dFrame.addButton('Open a dFrame with a form',
'createDFrame("./onEvent/form.html")')
dFrame.addText([5, 5], 'The onEvent function of the DFrames
receiving the pages will set a background color<br>depending on the
existance of a form.')
dFrame.show()
}
function createDFrame(url) {
dFrameStyle.setIndentX(40)
dFrameStyle.setIndentY(40)
var dFrame = new DFrame([30, 30, 70, 70], 'Test for
onEvent', dFrameStyle, dFrame)
dFrame.onEvent = function (e) {
if (e.action == 'postCreate') {
if (dFrame.getURL().indexOf('document.html') !=
-1) {
alert('onEvent for document:\nGoing to
set a blue background for a document\nand update the title.')
dFrame.setContentBgColor('blue')
dFrame.setTitle('document.html')
}
if (dFrame.getURL().indexOf('form.html') != -1) {
alert('onEvent for form:\nGoing to set
a red background for a form\nand update the title.')
dFrame.setContentBgColor('red')
dFrame.setTitle('form.html')
}
e.cancelBubble = true
}
}
dFrame.setURL(url)
}
</script>
</HEAD>
</HTML>