addButton.html
<HTML>
<HEAD>
<script>var
dFrameFilePath = '../../../../../dFrame/'</script>
<script
language="Javascript" src="../../../../../dFrame/dFrame/lib/DFrameAPI.js"></script>
<script
language="Javascript">
//Global
var dFrame
//Style
DFrameAPI.include('dFrame/styles/paper/stylePaper.js')
DFrameAPI.onLoad = function(){
DFrameAPI.checkStyles(false)
DFrameAPI.setBackgroundColor('silver')
dFrameStyle.getDefaultBarStyle().setBordersWidth(1)
dFrame = new DFrame([10, 10, 90, 90], 'addButton.html',
dFrameStyle)
dFrame.text = dFrame.addText('A Button is never addded to a
DFrame but on the default BarLayer of the default Bar.<br>All 3 Buttons
are created on the default BarLayer of the default Bar of the DFrame.', null,
[5, 10])
//A Button is never addded to a DFrame but on the default
BarLayer of the default Bar
//Add a button the DFrame (and create the default Bar and
its default BarLayer)
//dFrame.addButton('<center>Button on
DFrame<br>Click to change the text', 'thisDFrame.text.setText("New
text.");thisDFrame.text.setBgNormal("#18417B")')
dFrame.addButton('<center>Button on
DFrame<br>Click to change the text', 'setText1()')
//Add a button on dFrame.defaultBar (= bar created with
previous button)
dFrame.addButton('<center>Button on
DFrame<br>Click to change the text', 'setText2()')
//Add a button on dFrame.defaultBar (= bar created with
previous button)
dFrame.bn =
dFrame.getDefaultBar().addButton('<center>Button on Bar<br>Click to
change the text of this Button', 'thisDFrame.bn.setText("New text")')
dFrame.show()
}
function setText1() {
dFrame.text.setText('New text.');
dFrame.text.setTextNormal('#ffffff')
dFrame.text.setBgNormal('#18417B')
}
function setText2() {
dFrame.text.setText('New text, very, very, . . .
<br><br><br><br><br><br> . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
large.');
dFrame.text.setTextNormal('#000000')
dFrame.text.setBgNormal('#1E66CB')
}
</script>
</HEAD>
</HTML>