addButtonImage.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')
DFrameAPI.onLoad = function(){
//DFrameAPI.preLoadImagesForButtonImage for 'Close' and
'Home' images is in styleBlue.js
var dFrame = new DFrame([10, 10, 90, 90],
'addButtonImage.html', dFrameStyle)
dFrame.addText([10, 10], '2 ButtonImages with the use of
the preloaded feature.')
//Create the default bar and add Buttons
dFrame.addButtonImage('Close', 'thisDFrame.closeFrame()')
dFrame.addButtonImage('Home', 'alert("You should go
home.")')
dFrame.show()
}
</script>
</HEAD>
</HTML>
styleBlue.js
…
DFrameAPI.preLoadImagesForButtonImage('Home',
'dFrame/Styles/blue/','home.gif', 'homeOver.gif', 'homeOver.gif',
'homeOver.gif')
DFrameAPI.preLoadImagesForButtonImage('Close', 'dFrame/Styles/blue/','close.gif', 'closeOver.gif', 'close.gif', 'closeOver.gif')
…