newMainPageDFrame.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/blue/styleBlue.js')
//global var to stop recursive creation
var count
//global array for bgColors
var colors = ['blue', 'green', 'yellow', 'red']
DFrameAPI.onLoad = function(){
//Set a bgColor for background
DFrameAPI.setBackgroundColor('silver')
//Create the base DFrame
baseAll = new DFrame([10, 10, 90, 90],
'newMainPageDFrame.html', dFrameStyle);
var bar = baseAll.addBar()
bar.addButton('Create new DFrame', 'newDFrame()')
var txt = bar.addText(null, 'Simple sample:<br>- The
Create new DFrame Button calls the newDFrame function.<br>- The newDFrame
function creates a new DFrame with page.html inside.<br>- The page.html
uses its onLoadDFrame function to call the newDFrame function...')
txt.setBordersWidth(0)
txt.setBgNormal('')
baseAll.show()
}
function newDFrame(url) {
count = 0
dFrame = new DFrame([10, 10, 90, 90], 'page.html',
dFrameStyle, baseAll)
dFrame.setURL('./newMainPageDFrame/page.html')
}
</script>
</HEAD>
</HTML>
page.html
<HTML>
<HEAD>
<script>
function onLoadDFrame()
{
mainPage.dFrameStyle.setContentBgColor(mainPage.colors[mainPage.count])
dFrame = new
mainPage.DFrame([10, 10, 90, 90], 'page.html', mainPage.dFrameStyle,
thisDFrame)
if (mainPage.count
< 3) {
dFrame.setURL('./newMainPageDFrame/page.html')
mainPage.count
+= 1
}
}
</script>
</HEAD>
<BODY>
Text on page.html<br>
</BODY>