addBarLayer.html

<HTML>

<HEAD>

<script>var dFrameFilePath = '../../../../../dFrame/'</script>

<script language="Javascript" src="../../../../../dFrame/dFrame/lib/DFrameAPI.js"></script>

<script language="Javascript">

//Global

var baseAll

//Style

DFrameAPI.include('dFrame/styles/colors/styleColors.js')

DFrameAPI.onLoad = function(){

baseAll = new DFrame([5, 5, 95, 95], 'addBarLayer.html', dFrameStyle)

var bar = baseAll.addBar()

bar.addButton('Open a dFrame with a document', 'createDFrame("./addBarLayer/document.html")')

bar.addButton('Open a dFrame with a form', 'createDFrame("./addBarLayer/form.html")')

var bar = baseAll.addBar()

bar.addButton('Open a dFrame with document 1', 'createDFrame("./addBarLayer/page1.html")')

bar.addButton('Open a dFrame with document 2', 'createDFrame("./addBarLayer/page2.html")')

baseAll.addText('Each DFrame is created with all barLayers for all type of inserted documents.<br>The correct barLayer is selected in the onLoadDframe function of each document.', null, [3, 3])

baseAll.show()

}

function createDFrame(url) {

dFrameStyle.setIndentX(50)

dFrameStyle.setIndentY(50)

var dFrame = new DFrame([10, 15, 50, 50], 'Test for addBarLayer', dFrameStyle, baseAll)

//Each DFrame will have all barLayers for all type of inserted documents

//Create BarLayer 1: For documents

var barLayer1 = dFrame.addBarLayer()

barLayer1.addButton('Close the document', 'alert("Should close the document")')

//Set the BarLayer as the one to be shown if there is no forn in the document

barLayer1.setStdBarLayer('READ')

//Create BarLayer 2: For forms

var barLayer2 = dFrame.addBarLayer()

barLayer2.addButton('Submit the form', 'alert("Should submit the form")')

//Set the BarLayer as the one to be shown if there is a forn in the document

barLayer2.setStdBarLayer('EDIT')

//BarLayer 3 and 4 will be choosen by the onLoadDFrame function in page1 and page2.html

//Create BarLayer 3: For document 1

dFrame.barLayer3 = dFrame.addBarLayer()

dFrame.barLayer3.addButton('Action for document 1', 'alert("Action for document 1")')

//Create BarLayer 4: For document 2

dFrame.barLayer4 = dFrame.addBarLayer()

dFrame.barLayer4.addButton('Action for document 2', 'alert("action for document 2")')

dFrame.setURL(url)

}

</script>

document.html

<HTML>

<BODY>

This is a document

</BODY>

form.html

<HTML>

<BODY>

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

<input type=text value="This is a form"></form>

</BODY>

page1.html

<HTML>

<script>

function onLoadDFrame() {

thisDFrame.barLayer3.show()

thisDFrame.setTitle('page1.html')

}

</script>

<BODY>

This is document 1

</BODY>

page2.html

<HTML>

<script>

function onLoadDFrame() {

thisDFrame.barLayer4.show(true)

thisDFrame.setTitle('page2.html')

}

</script>

<BODY>

This is document 2

</BODY>