Initial commit

This commit is contained in:
2021-04-20 07:16:22 +02:00
commit 588032b1dc
1709 changed files with 6660083 additions and 0 deletions

View File

@@ -0,0 +1,256 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../bolist.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
var _globW=500
function setListW()
{
if (_globW==500)
_globW=300
else
_globW=500
filterListCont.resize(_globW,null)
}
var _globH=300
function setListH()
{
if (_globH==300)
_globH=200
else
_globH=300
filterListCont.resize(null,_globH)
}
function loadCB()
{
filterListCont.init()
addCombo.init()
addLabel.init()
addButton.init()
addCustomButton.init()
addCombo.add("Dimension","0",true)
addCombo.add("Measure","1")
addCombo.add("Detail","2")
addCombo.add("Filter","3")
}
function changeCB()
{
//alert("ChangeCB")
}
function dblClickCB()
{
alert("Double click on a leaf item. value=" + this.getSelection().value)
}
function moveCB()
{
alert("item moved. value=" + filterList.getSelection().value)
}
function newNodeCB()
{
alert("Node created. value=" + filterList.getSelection().value)
}
function andOrCB()
{
alert("Node changed. value=" + this.getSelection().value + " operator=" + (this.getSelection().isAnd?"AND":"OR") )
}
_counter=0
function addElement(elemType)
{
var sel=filterList.getSelection()
if (!sel.isNode())
sel=sel.getParentNode()
switch(elemType)
{
case 0:
sel.addItem(addLabel.getValue(),parseInt(addCombo.getSelection().value),"id_4"+(_counter++),"tip",0)
break
case 1:
sel.addNode(true, "id_4"+(_counter++))
break
case 2:
sel.addNode(false, "id_4"+(_counter++))
break
case 3:
sel.addAdvFilterItem(addLabel.getValue(),parseInt(addCombo.getSelection().value),"id_4"+(_counter++),"tip",0)
break
}
}
function getIndex()
{
var sel=filterList.getSelection()
if (sel)
alert("Index in parent = "+sel.getIndexInParent())
}
function removeSelection()
{
var sel=filterList.getSelection()
sel.remove()
}
// ---------------------------------------------
// Drag and Drop
// ---------------------------------------------
function dragCB(source)
{
//status="dragCB()"
}
function acceptDropCB(source, target, ctrl, shift)
{
//status="acceptDropCB()"
return true
}
function dropCB(source, target, ctrl, shift)
{
var sourceItem = source.selection
var targetItem = target.dropWidget
var index = target.dropIndex
if (ctrl)
{
if (sourceItem.isNode())
targetItem.addCopyNode(sourceItem, index)
else
targetItem.addItem(sourceItem.text,sourceItem.imgIndex,sourceItem.value,sourceItem.tooltip,index)
}
else
target.move(sourceItem, targetItem, index)
}
//filterList = newAndOrBOListWidget("test",500,300,"qualif.gif",changeCB,dblClickCB,andOrCB)
filterListCont = newAndOrContainerWidget("filterListCont",500,300,"qualif.gif",changeCB,dblClickCB,andOrCB,moveCB,newNodeCB,removeSelection,true)
filterList = filterListCont.getList()
filterList.setDragDrop(dragCB,acceptDropCB,dropCB)
//newAndOrBOListWidget("test",500,300,"qualif.gif",changeCB,dblClickCB)
addCombo = newComboWidget("addCombo")
addButton = newButtonWidget("addButton","Add","addElement(0)",100)
addCustomButton = newButtonWidget("addCustomButton","Add Custom","addElement(3)",100)
addLabel = newTextFieldWidget("addLabel",null,null,null,addElement,false,null,100)
addANDButton = newButtonWidget("addANDButton","add AND Node","addElement(1)",100)
addORButton = newButtonWidget("addORButton","add OR Node","addElement(2)",100)
remButton = newButtonWidget("remButton","Remove Selection","removeSelection()",100)
idxButton = newButtonWidget("idxButton","Get Index","getIndex()",100)
setW = newButtonWidget("setW","Width","setListW()",100)
setH = newButtonWidget("setH","Height","setListH()",100)
// Build filter list
var root=filterList.getRoot()
b1=root.addNode(true,"branche1")
b1.addItem("Net Income > 200000",1,"f1")
b1.addItem("Country in list France,US",0,"f2")
b2=root.addNode(false,"branche2")
b2.addItem("Age du capitaine > 50",2,"f3")
root.addItem("This Year",3,"f4")
root.addItem("Year 1999",3,"f4")
root.addItem("Year 2000",3,"f4")
// Select the OR node
filterList.select(filterList.getElementByValue("branche2"))
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Filter List</b></u><br><br>
Drag and Drop is enabled (CTRL to copy). You can use DEL to delete an item<br>Double click on a node to change is kind (AND or OR)<br>
<script language="javascript">filterListCont.write()</script>
<br>
<br>
<table class="dialogzone" border="0" cellspacing="5">
<tr>
<td align="left">Add an item</td>
<td align="left"><script language="javascript">addButton.write();</script></td>
<td></td>
<td><script language="javascript">addCombo.write();addLabel.write()</script></td>
</tr>
<tr>
<td align="left">Add a custom item</td>
<td align="left"><script language="javascript">addCustomButton.write();</script></td>
<td></td>
</tr>
<tr>
<td align="left">Add a node</td>
<td align="left"><script language="javascript">addANDButton.write();</script></td>
<td><script language="javascript">addORButton.write();</script></td>
</tr>
<tr>
<td align="left">Remove a node or an item</td>
<td align="left"><script language="javascript">remButton.write();</script></td>
</tr>
<tr>
<td align="left">index</td>
<td align="left"><script language="javascript">idxButton.write();</script></td>
</tr>
<tr>
<td align="left"></td>
<td align="left"><script language="javascript">setW.write();</script></td>
</tr>
<tr>
<td align="left"></td>
<td align="left"><script language="javascript">setH.write();</script></td>
</tr>
</table>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,314 @@
<!--
=============================================================
WebIntelligence(r) Report Panel
Copyright(c) 2001-2003 Business Objects S.A.
All rights reserved
Use and support of this software is governed by the terms
and conditions of the software license agreement and support
policy of Business Objects S.A. and/or its subsidiaries.
The Business Objects products and technology are protected
by the US patent number 5,555,403 and 6,247,008
File: basicDialog.html
=============================================================
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Basic dialog window</title>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript" src="../dialog.js"></script>
<script language="javascript">
//
// GLOBALS
//
// Widgets
var basicDlg = null;
var info = null;
var okButton = null;
var cancelButton = null;
var helpButton = null;
var applyButton = null;
// Used in resizeCB
var buttonsWidth = 60;
var buttonsHeight = 52;
var dlgWidth = 450;
var dlgHeight = 300;
var frmZoneWidth = 0.99*dlgWidth;
var frmZoneHeight = 0.9*dlgHeight;
var initialized = false;
</script>
<script language="javascript">
// function okCB
// Called when click on the OK button or when click on the apply button
function okCB( )
{
}
// function cancelCB
// called when click on the CANCEL button
function cancelCB()
{
basicDlg.show(false);
}
// function helpCB
// called when click on the HELP button
function helpCB()
{
parent.showAlertDialog("Not implemented yet !","Development version",0);
basicDlg.show(false);
}
// Load widgets
function loadCB()
{
if (!initialized)
{
initialized=true;
// --------------------------------------------------------
// Create widgets
// --------------------------------------------------------
// Dialog window (id,title,width,height,defaultCB,cancelCB)
basicDlg = newDialogBoxWidget("basicDlg","Title",dlgWidth,dlgHeight,
okCB,cancelCB,true);
// Details info zone
info = newInfoWidget("info","info","","")
// Zone
framezone = newFrameZoneWidget("framezone",frmZoneWidth,frmZoneHeight);
// OK Button
okButton = newButtonWidget("okButton", "OK",
"okCB()", buttonsWidth, "OK",
"OK", 0, 0);
// Cancel Button
cancelButton = newButtonWidget("cancelButton", "Cancel",
"cancelCB()", buttonsWidth, "Cancel",
"Cancel", 0, 0);
// Help Button
helpButton = newButtonWidget("helpButton", "Help",
"helpCB()", buttonsWidth, "Help",
"Help", 0, 0);
// Apply button
applyButton = newButtonWidget("applyButton", "Apply",
"okCB(true)", buttonsWidth, "Apply",
"Apply", 0, 0);
}
if ( !_curWin.basicDlgInitialized )
{
_curWin.basicDlgInitialized = true;
// --------------------------------------------------------
// Write the widgets
// --------------------------------------------------------
// Build the dialog box
targetApp(
basicDlg.beginHTML() +
'<table cellspacing="0" cellpadding="5" border="0" class="dialogzone"><tbody>'+
'<tr>'+
'<td>'+
framezone.beginHTML() +
'<table class="dialogzone" cellspacing="0" cellpadding="0" border="0"><tbody>' +
'<tr>' +
'<td>'+
'Basic dialog box <BR>' +
'Basic dialog box <BR>' +
'Basic dialog box <BR>' +
'Basic dialog box <BR>' +
'Basic dialog box <BR>' +
'Basic dialog box <BR>' +
'</td>'+
'</tr>' +
'</tbody></table>'+
framezone.endHTML() +
'</td>' +
'</tr>' +
'<tr>' +
'<td align="center" valign="right">' +
info.getHTML() +
'</td>' +
'</tr>' +
'<tr>' +
'<td align="right" valign="center">' +
'<table class="dialogzone" cellspacing="0" cellpadding="0" border="0"><tbody><tr>' +
'<td>' +
okButton.getHTML() +
'</td>' +
'<td>' + getSpace(5,1)+ '</td>' +
'<td>' +
cancelButton.getHTML() +
'</td>' +
'<td>' + getSpace(5,1)+ '</td>' +
'<td>' +
applyButton.getHTML() +
'</td>' +
'<td>' + getSpace(5,1)+ '</td>' +
'<td>' +
helpButton.getHTML() +
'</td>' +
'</tr></tbody></table>'+
'</table>' +
'</td>' +
'</tr>' +
'</table>' +
basicDlg.endHTML()
);
}
// --------------------------------------------------------
// Init widgets
// --------------------------------------------------------
basicDlg.init();
info.init();
okButton.init();
cancelButton.init();
helpButton.init();
applyButton.init();
// --------------------------------------------------------
// Show the dialog box
// --------------------------------------------------------
basicDlg.show(true);
}
//
// END OF FUNCTIONS
//
</script>
</head>
<body class="dialogzone" onload="setTimeout('loadCB()',1)">
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
this is a sample text
<!--<iframe src="http://www.ulead.com/ma/samples/slider-1/slider-1.htm" width="500" height"=300"></iframe>-->
</body>
</html>

View File

@@ -0,0 +1,64 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../bolist.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
theThing = newBlockWhileWaitWidget("")
_show = true
function loadCB()
{
theThing.show(_show)
//document.write("sdf,éé")
}
function switchThing()
{
theThing.show(_show)
//document.write("sdf,éé")
_show = !_show
window.status= theThing.css.zIndex
}
</script>
</head>
<body onload="loadCB()">
<div style="position:absolute;z-index=10000;top:10px;left:10px;width:100px" class="insetBorder"><div class="dialogzone" style="padding:15px">
<a href="javascript:void(0);" onClick="javascript:switchThing()">
Switch HERE
</a>
</div></div>
<table width="100%">
<tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<a href="javascript:void(0);" onClick="alert('doTheAlert')">
Cliquer ICI
</a>
</div>
</td></tr>
<tr><td align="center" valign="middle">
</div>
</td></tr>
</table>
</body>
</html>

View File

@@ -0,0 +1,207 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../bolist.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
// ---------------------------------------------
// Functions here
// ---------------------------------------------
function changeCB() { status="ChangeCB "+this.id }
function dblClickCB() { status="dblClickCB "+this.id }
function moveCB() { status="moveCB "+this.id }
function deleteCB()
{
var sel=this.getSelection()
if (sel)
this.getElement(sel.index).remove()
}
function loadCB()
{
for (var i in bolist)
{
bolistContainer[i].init()
bolistContainer[i].resize(500)
bolist[i].add("First item",0,"value1","tooltip",-1)
bolist[i].add("Second item",1,"value2","tooltip",-1)
bolist[i].add("Third item",2,"value3","tooltip",-1)
}
bolist[1].select(2)
bolist[2].selectByVal("value3")
addCombo.init()
addLabel.init()
addButton.init()
addEndButton.init()
addCombo.add("Dimension","0",true)
addCombo.add("Measure","1")
addCombo.add("Detail","2")
addCombo.add("Filter","3")
}
// ---------------------------------------------
// Buttons and related functions here
// ---------------------------------------------
addCombo = newComboWidget("addCombo")
addButton = newButtonWidget("addButton","Add (Beginning)","addElem(true)",100)
addEndButton = newButtonWidget("addEndButton","Add (End)","addElem()",100)
addLabel = newTextFieldWidget("addLabel",null,null,null,addElem,false,null,100)
remButton = newButtonWidget("remButton","Remove Selection","removeSelection()",100)
valueIdx=0
function addElem(begin)
{
var idx = addCombo.getSelection().index+1
for (var i in bolist)
{
var val="manualAdded"+(valueIdx++)
bolist[i].add(addLabel.getValue(),idx,val,addLabel.getValue(),begin?0:-1)
bolist[i].selectByVal(val)
}
}
function removeSelection()
{
for (var i in bolist)
{
var sel=bolist[i].getSelection()
if (sel)
bolist[i].getElement(sel.index).remove()
}
}
// ---------------------------------------------
// Drag and Drop
// ---------------------------------------------
function dragCB(source)
{
//status="dragCB()"
}
function acceptDropCB(source, target, ctrl, shift)
{
//status="acceptDropCB()"
return true
}
function dropCB(source, target, ctrl, shift)
{
// ctrl means Drag Drop COPY
// shift means Drag Drop SWAP
// no modifiers means Drag Drop MOVE
var sourceItem = source.selection
var targetItem = target.dropWidget
var index = target.dropIndex
if (shift)
{
targetItem = targetItem.items[index]
var n1=source.add(targetItem.text,targetItem.imgIndex,targetItem.value,targetItem.tooltip,sourceItem.getIndexInParent())
var n2=target.add(sourceItem.text,sourceItem.imgIndex,sourceItem.value,sourceItem.tooltip,targetItem.getIndexInParent())
sourceItem.remove()
targetItem.remove()
n1.select(true)
n2.select(true)
}
else
{
var n = target.add(sourceItem.text,sourceItem.imgIndex,sourceItem.value,sourceItem.tooltip,index)
if (!ctrl)
sourceItem.remove()
n.select(true)
}
}
// ---------------------------------------------
// Create the BOLists here
// ---------------------------------------------
bolist = new Array
bolistContainer = new Array
bolistContainer[0] = newBOListContainerWidget("bolist0",550,100,"treeicons.gif",_wrapBOList,changeCB,dblClickCB,moveCB,deleteCB,true)
bolistContainer[1] = newBOListContainerWidget("bolist1",550,150,"treeicons.gif",_vertBOList,changeCB,dblClickCB,moveCB,deleteCB,true)
bolistContainer[2] = newBOListContainerWidget("bolist2",550,70,"treeicons.gif",_horiBOList,changeCB,dblClickCB,moveCB,deleteCB,true)
for (var i=0; i<bolistContainer.length; i++)
{
bolist[i] = bolistContainer[i].getList()
bolist[i].setDragDrop(dragCB,acceptDropCB,dropCB)
bolist[i].add("Inserted before Init",3,"valueBef1","tooltip",-1)
bolist[i].add("Inserted before Init",4,"valueBef2","tooltip",-1)
}
bolist[0].select(0)
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<table class="dialogzone" border="0" cellspacing="5">
<tr>
<td align="left">Add an item</td>
<td align="left"><script language="javascript">addButton.write();addEndButton.write();</script></td>
<td></td>
<td><script language="javascript">addCombo.write();addLabel.write()</script></td>
</tr>
</table>
<br>
<script language="javascript">remButton.write()</script>
<br>
<u><b>Wrapped BO List</b></u><br><br>
<br>To delete an item, select it and press DEL, to move an item, drag and drop it (also between lists); to copy an item, use CTRL with drag and drop<br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">bolistContainer[0].write()</script>
</td></tr></table>
<br>
<u><b>Vertical BO List</b></u><br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">bolistContainer[1].write()</script>
</td></tr></table>
<br>
<u><b>Horizontal BO List</b></u><br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">bolistContainer[2].write()</script>
</td></tr></table>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,65 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript">
_img="../../../images/main/"
</script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function clickCB()
{
var o=this
alert('ClickCB called\no.id='+o.id)
}
function labelCB()
{
var o=this
alert('LabelCB called\no.id='+o.id+'\no.idx='+o.idx)
}
function beforeShowCB()
{
var o=this
window.status='BeforeShowCB called'
}
function loadCB()
{
icnmenu.init()
icnmenu.show(true,0,0)
}
//icnmenu=newIconMenuWidget('icnmenu',_skin+'../borders.gif',clickCB,null,'alt',16,16,0,0,0,16,false,beforeShowCB,true,labelCB)
icnmenu=newIconBordersMenuWidget('icnmenu',clickCB,beforeShowCB,labelCB)
</script>
</head>
<body onload="setTimeout('loadCB()',1)">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>IconBordersMenuwidget</b></u><br><br>
<script language="javascript">icnmenu.write()</script>
<br>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,71 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function clickCB()
{
status="Click sur bouton: "+this.id
}
function loadCB()
{
for (var i in buttons)
buttons[i].init()
buttonsDis.init();
buttonsDis.setDisabled(true);
}
// ---------------------------------------------
// Create the Buttons here
// ---------------------------------------------
buttons=new Array,j=0
buttons[j++]=newButtonWidget("b"+j,"Simple Button",clickCB)
buttons[j++]=newButtonWidget("b"+j,"Button width=200",clickCB,200)
buttons[j++]=newButtonWidget("b"+j,"Button with tooltip",clickCB,null,null,"Nice tooltip")
buttons[j++]=newButtonWidget("b"+j,"Button margin=50",clickCB,null,null,null,null,50)
buttons[j++]=newButtonWidget("b"+j,"Button with image",clickCB,null,null,null,null,null,"format.gif",16,16,48,0)
buttons[j++]=newButtonWidget("b"+j,null,clickCB,null,null,"Nice tooltip",null,null,"format.gif",16,16,48,0)
buttons[j++]=newButtonWidget("b"+j,"mkmlklm",clickCB,null,null,"Nice tooltip",null,null,"format.gif",16,16,48,0)
buttons[j++]=newButtonWidget("b"+j,"mkmlklm",clickCB,null,null,"Nice tooltip",null,null,"format.gif",16,16,48,0,true)
buttonsDis=newButtonWidget("bDisabled","Button disabled",clickCB,null,null,"button disabled",null,null,"format.gif",16,16,48,0,true,48,16)
// function newButtonWidget(id,label,cb,w,hlp,tooltip,tabIndex,margin,url,w,h,dx,dy)
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="left" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<script language="javascript">
for (var i in buttons)
document.write(buttons[i].getHTML()+"<br><br>")
document.write(buttonsDis.getHTML()+"<br><br>")
</script>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,95 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../calendar.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function changeCB()
{
var d=calendar.get()
alert("New Date\nDay="+d.day+" Month="+d.month+" Year="+d.year)
}
function changeTextCB()
{
status="Text is:"+this.getValue()
}
function loadCB()
{
calendar.init()
calendar.set(4,11,2005)
cal.init()
cal.set(4,11,2005)
calendarText.init()
calendarText.setValue("21/05/2003 10:52:00 Matin")
}
var res=new Array(40,200,400)
var resIdx=1
function resizeCB()
{
resIdx=(resIdx+1)%3
calendarText.resize(res[resIdx])
}
calendar=newCalendarButton("calendar",changeCB)
calendarText=newCalendarTextFieldButton("calendarText",null,changeTextCB,null,null,null,true,null,200)
cal=newCalendarWidget("cal",changeCB)
// Set the formats. These values are usually get from database/locale infos
arrMonth = new Array('January','February','March','April','May','June','July','August','September','October','November','December')
arrDays = new Array('Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday')
format = "dd/MM/yyyy hh:mm:ss a"
AM = "Matin"
PM = "Après-Midi"
calendarText.setFormatInfo(format,arrDays,arrMonth,AM,PM)
//newCalendarWidget("calendar",changeCB)
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Calendar</b></u><br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">calendar.write()</script>
</td></tr></table>
<br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">calendarText.write()</script>
</td></tr></table>
<br><br>
<table border="0"><tr valign="top"><td class="menuFrame" style="position:relative">
<script language="javascript">cal.write()</script>
</td></tr></table>
<br><br>
<a href="javascript:resizeCB()">resize text</a>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,97 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../treeview.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
var frmZoneWidth = 200
var frmZoneHeight = 400
theMemberTree = new newTreeWidget("theMembertree",frmZoneWidth,frmZoneHeight,"../samples/treeicons.gif",changeMemberCB,dblClickMemberCB,null)
memRoot = newTreeWidgetElem(6, "All", "mem1", "Help", 7)
theMemberTree.add(memRoot)
MemberDim1 = newTreeWidgetElem(6, "North Europe", "mem2", "tooltip", 7)
MemberDim1.isCheck=true
MemberDim1.checkCB=checkCB
memRoot.add(MemberDim1)
MemberDim1.add(newTreeWidgetElem(1, "England", "mem2_1", "tooltip"))
temp=newTreeWidgetElem(1, "Germany", "mem2_2", "tooltip")
MemberDim1.add(temp)
temp.isCheck=true
temp.check(true)
temp.checkCB=checkCB
MemberDim1.add(newTreeWidgetElem(1, "France", "mem2_3", "tooltip"))
MemberDim1.add(newTreeWidgetElem(1, "Danmark", "mem2_4", "tooltip"))
MemberDim1.expanded=true
MemberDim2 = newTreeWidgetElem(6, "South Europe", "mem3", "tooltip", 7)
memRoot.add(MemberDim2)
temp2=newTreeWidgetElem(-1, "Italie", "mem3_1", "tooltip")
temp2.isCheck=true
MemberDim2.add(temp2)
MemberDim2.add(newTreeWidgetElem(-1, "Greece", "mem3_2", "tooltip"))
MemberDim2.add(newTreeWidgetElem(-1, "Spain", "mem3_3", "tooltip"))
MemberDim2.add(newTreeWidgetElem(-1, "Portugal", "mem3_4", "tooltip"))
MemberDim2.expanded=true
MemberDim3 = newTreeWidgetElem(6, "North america", "mem43", "tooltip", 7)
memRoot.add(MemberDim3)
MemberDim3.add(newTreeWidgetElem(1, "Canada", "mem4_1", "tooltip"))
MemberDim3.add(newTreeWidgetElem(1, "USA", "mem4_2", "tooltip"))
MemberDim3.expanded=true
function changeMemberCB()
{
}
function dblClickMemberCB()
{
}
function loadCB()
{
theMemberTree.init()
}
function checkCB()
{
alert(this.id+" checked="+this.isChecked())
}
</script>
</head>
<body onload="loadCB()" onselectstart="return false">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Tree View with check boxes</b></u><br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">theMemberTree.write()</script>
</td>
</tr></table>
</div>
<!--<a href="javascript:temp.check(true)"> Check Germany</a>-->
</div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,31 @@
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Library samples</title>
</head>
<script>
_skin="skin_standard";
_lang="en";
_currentURL="empty.html";
function updateContent(skin,lang,url)
{
_skin=skin?skin:_skin;
_lang=lang?lang:_lang;
_currentURL=url?url:_currentURL;
frames.Content.location.replace(_currentURL);
}
</script>
<FRAMESET COLS="33%,*">
<FRAMESET ROWS="85,*">
<FRAME NAME="SkinIntl" TITLE="Menu" SRC="skinIntl.html">
<FRAME NAME="Navigation" TITLE="Menu" SRC="navigation.html">
</FRAMESET>
<FRAME NAME="Content" TITLE="Content" SRC="empty.html">
</FRAMESET>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 907 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 942 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 893 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 936 B

View File

@@ -0,0 +1,9 @@
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Library samples</title>
</head>
<body>
</body>
</html>

View File

@@ -0,0 +1,63 @@
<!--
=============================================================
WebIntelligence(r) Report Panel
Copyright(c) 2001-2003 Business Objects S.A.
All rights reserved
Use and support of this software is governed by the terms
and conditions of the software license agreement and support
policy of Business Objects S.A. and/or its subsidiaries.
The Business Objects products and technology are protected
by the US patent number 5,555,403 and 6,247,008
File: basicDialog.html
=============================================================
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Basic events window</title>
<script>
function CB1(e)
{
alert("CB1")
document.removeEventListener("keydown", CB2, false)
}
function CB2()
{
alert("CB2")
}
function loadCB()
{
document.addEventListener("keydown", CB1, false)
document.addEventListener("keydown", CB2, false)
}
</script>
</head>
<body class="dialogzone" onload="setTimeout('loadCB()',1)">
this is a sample text
<!--<iframe src="http://www.ulead.com/ma/samples/slider-1/slider-1.htm" width="500" height"=300"></iframe>-->
</body>
</html>

View File

@@ -0,0 +1,99 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
textFieldWithHelp = newTextFieldWidget( "textFieldWithHelp", textCB())
maxchar = 10
textField = newTextFieldWidget( "textField", textCB(), maxchar)
maxchar = 5
intField = newIntFieldWidget( "intField", intCB(), maxchar)
maxchar = 7
floatField = newFloatFieldWidget( "floatField", floatCB(), maxchar)
testCheck = newCheckWidget("testCheck","text",null)
txtArea = newTextAreaWidget("txtArea", 3, 36);
//
function loadCB()
{
textFieldWithHelp.init()
textFieldWithHelp.setHelpTxt("you can type a text here")
textField.init()
textField.setValue("du texte")
intField.init()
intField.setMin( -10)
intField.setMax( 1000)
intField.setValue(3)
floatField.init()
floatField.setMin( 0)
floatField.setMax( 10)
floatField.setPrecision(2)
floatField.setValue(3.50)
testCheck.init()
testCheck.checkbox.indeterminate = true
txtArea.init()
}
function textCB()
{
//alert("Text Field maxchar = 10")
}
function intCB()
{
//alert("Int Field min = -10, max = 1000, maxchar = 5")
}
function floatCB()
{
//alert("Float Field Value =3.454, min = 0, max = 10, precision = 2 decimales, maxchar = 7")
}
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<b>Text Field with help text</b><br>
<script language="javascript">textFieldWithHelp.write()</script>
<br><br><br>
<b>Text Field maxchar = 10</b><br>
<script language="javascript">textField.write()</script>
<br><br><br>
<b>Int Field min = -10, max = 1000, maxchar = 5 </b><br>
<script language="javascript">intField.write()</script>
<br><br><br>
<b>Float Field Value =3.50, min = 0, max = 10, precision = 2 decimales, maxchar = 7</b><br>
<script language="javascript">floatField.write()</script>
<br><br><br>
<script language="javascript">testCheck.write()</script>
<br><br><br>
<CODE>txtArea = newTextAreaWidget("txtArea", 3, 36);</CODE>
<script language="javascript">txtArea.write()</script>
</div></div>
</td></tr></table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -0,0 +1,66 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
var isLoaded=false
function resizeCB()
{
if (isLoaded)
{
var w=winWidth()
var h=winHeight()
frameZoneResize.resize(Math.max(0,w-60),Math.max(0,h-280))
}
}
function loadCB()
{
frameZone.init()
frameZoneEnfonce.init()
frameZoneResize.init()
isLoaded=true
resizeCB()
}
frameZone=newFrameZoneWidget("frameZone1",300,100)
frameZoneEnfonce=newFrameZoneWidget("frameZone2",300,100,true)
frameZoneResize=newFrameZoneWidget("frameZone3",300,100)
</script>
</head>
<body onload="loadCB()" onresize="resizeCB()">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<table><tr align="left"><td>
<script language="javascript">frameZone.begin()</script>
Premier exemple fait par Minh
<script language="javascript">frameZone.end()</script>
</td></tr><tr align="left"><td>
<script language="javascript">frameZoneEnfonce.begin()</script>
date: 23 janvier 2004
<script language="javascript">frameZoneEnfonce.end()</script>
</td></tr><tr><td align="center">
<script language="javascript">frameZoneResize.begin()</script>
Zone Retaillable
<script language="javascript">frameZoneResize.end()</script>
</td></tr></table>
</div>
</body>
</html>

View File

@@ -0,0 +1,45 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<style type="text/css">
#horigrab{background-color:red}
</style>
<script language="javascript">
function resizeCB(x,y)
{
alert("x="+x+",y="+y)
}
function grabButtonCB()
{
alert(1)
}
horigrab=newGrabberWidget("horigrab",resizeCB,10,10,5,500,true,grabButtonCB)
horigrab.setMinMax(5, 300)
function loadCB()
{
horigrab.init()
}
</script>
</head>
<body onload="loadCB()" bgcolor="#e0e0e0">
<script language="javascript">horigrab.write();</script>
<select size=1">
<option>test test test</option>
</select>
</body>
</html>

View File

@@ -0,0 +1,132 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../treeview.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
icons="treeicons.gif"
function showMenu(e,x,y)
{
x=x?x:eventGetX(e);
y=y?y:eventGetY(e);
scmenu.show(true,x,y)
}
function clickCB()
{
//alert('clickCB')
}
function changeCB()
{
alert('changeCB')
}
function dblClickCB()
{
//alert('dblClickCB')
}
function keyUpCB()
{
alert('keyUpCB')
}
var cnt=1
function change(e)
{
var list = scmenu.getList()
if(list.treeLyr==null)
{
showMenu(null,10,10);
return;
}
list.deleteAll()
list.add(newTreeWidgetElem(1, "Element 2", "test0", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test1", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test2", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test3", "help text",null,"tooltip text"))
if (cnt==1)
cnt=0
else
cnt=1
if (cnt==0)
{
for (var i=0; i<50;i++)
list.add(newTreeWidgetElem(2, "Element 2", "test3", "help text",null,"tooltip text"))
}
list.rebuildHTML()
showMenu(null,10,10);
}
function loadCB()
{
changeBtn.init()
}
var scmenu=newIconListPopupWidget("scmenu",100,150,icons,clickCB,dblClickCB)
var list = scmenu.getList()
list.add(newTreeWidgetElem(1, "Element 2", "test0", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test1", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test2", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test3", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test4", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(2, "Element 2", "test5", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(1, "Element 2", "test6", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(1, "Element 2", "test6", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(1, "Element 2", "test6", "help text",null,"tooltip text"))
list.add(newTreeWidgetElem(1, "Element 2", "test6", "help text",null,"tooltip text"))
changeBtn=newButtonWidget("changeBtn","change list content ","change()")
</script>
</head>
<body onload="loadCB()">
<div class="insetBorder">
<div id="IconListPopupWidgetTestArea" class="dialogzone" onclick="showMenu(event);">
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
Test IconListPopupWidget by right clicking here. The IconListPopupWidget should appear...<br>
</div>
<div>
<br><br>
<script language="javascript">changeBtn.write()</script>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,102 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../bolist.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function showMenu(e)
{
scmenu.show(true,eventGetX(e),eventGetY(e))
}
function clickCB()
{
alert('clickCB')
}
function changeCB()
{
alert('changeCB')
}
function dblClickCB()
{
alert('dblClickCB')
}
function keyUpCB()
{
alert('keyUpCB')
}
function loadCB()
{
scmenu.init()
scmenu.add("Test item 0","id0",true)
scmenu.add("Test item 1","id1")
scmenu.add("Test item 2","id2")
scmenu.add("Test item 3","id3")
scmenu.add("court","id4")
scmenu.add("Test item 1","id5")
scmenu.add("Test item 2","id6")
icscMenu.init()
icscMenu.add("Test item 0","id0",true)
icscMenu.add("Test item 1","id1")
icscMenu.add("Test item 2","id2")
icscMenu.add("Test item 3","id3")
icscMenu.add("court","id4")
icscMenu.add("Test item 1","id5")
icscMenu.add("Test item 2","id6")
}
var scmenu=newScrollMenuWidget("scmenu",changeCB,false,100,5,"tooltip",dblClickCB,keyUpCB,true,"Mon label",false)
var icscMenu=newIconScrollMenuWidget("icscMenu","format.gif",clickCB,"test","alt",16,16,6*16,0,6*16,16,changeCB,false,100,5,"tooltip",dblClickCB,keyUpCB,true,"Mon label",false)
</script>
</head>
<body onload="loadCB()">
<div class="insetBorder">
<div id="scrollMenuWidgetTestArea" class="dialogzone" onclick="showMenu(event)">
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
Test scrollMenuWidget by clicking here. The scrollMenuWidget should appear...<br>
</div>
<br><br>
<div id="iconScrollMenuWidgetArea" class="dialogzone" align="center">
<u><b>Icon scroll menu widget</b></u>
<br><br>
<script language="javascript">icscMenu.write()</script>
<br>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,219 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
var dis=true
function theCB()
{
if (this.id=="icon1")
{
dis=!dis
icon5.setDisabled(dis)
}
status="Clicked on : "+ (this.id)
}
function cb()
{
if (this.id == "changeText")
icon6.changeText("New text !!!")
alert(this.id)
}
function loadCB()
{
icon1.init()
icon2.init()
icon3.init()
icon4.init()
icon5.init()
//icon5.setDisabled(true)
icon6.init()
icon7.init()
icon7.init()
icon7.setColor("-1,-1,-1")
icon7.setDisabled(true)
icon7.setDisabled(false)
icon8.init()
icon8.setColor("-1,-1,-1")
icon8.setDisabled(true)
icon8.setDisabled(false)
icon10.init()
button1.init()
button2.init()
menu=button2.getMenu()
menu.add("Value 1")
menu.add("Value 2")
menu.add("Value 3")
menu.add("Value 4")
menu.add("Value 5")
menu.add("Value 6")
horizIcnTbl.init()
vertiIcnTbl.init()
}
function colorCB()
{
alert(this.id+" "+this.getColor()+"\n\n"+
icon7.id+" "+icon7.getColor()+"\n"+
icon8.id+" "+icon8.getColor()
)
}
function icon10CB()
{
alert(this.is)
}
icon1=newIconWidget("icon1","format.gif",theCB,"text","test",16,16,6*16,0,6*16,16)
icon2=newIconCheckWidget("icon2",_skin+"information_icon.gif",theCB,null,"test",32,32)
//newIconToggleWidget(id,src,clickCB,text,alt,w,h,dx,dy,togX,togY,disDx,disDy)
icon10 = newIconToggleWidget("icon10", "doubleArrows.gif",icon10CB, "", null, 16,16, 0,0, 0,16)
icon3=newIconRadioWidget("icon3",_skin+"information_icon.gif",theCB,null,"test","theGroup",32,32)
icon4=newIconRadioWidget("icon4",_skin+"information_icon.gif",theCB,"with text","test","theGroup",32,32)
icon5=newIconWidget("icon5","format.gif",theCB,"test","test",16,16,6*16,0,6*16,16)
icon5.setDisabled(true)
icon6=newIconMenuWidget("icon6","format.gif",/*theCB*/null,"test","test",16,16,6*16,0,6*16,16)
menu=icon6.getMenu()
menu.add("changeText","Change the icon menu widget text !!!",cb,"format.gif",48,0,false,48,16)
menu.add("id1","Test item 1",cb,"imgtabs.gif",0,0)
menu.add("id2","Test item 2",cb)
menu.add("id3","Test item plus int",cb)
menu.add("id4","court",cb)
menu.add("id5","Test item 1",cb)
menu.add("id6","Test item 2",cb,"format.gif",48,0,true,48,16)
icon6.changeArrowTooltip("a special arrow tooltip")
button1 = newButtonMenuWidget("button1","Button Menu",null,"Tooltip...")
menu=button1.getMenu()
menu.add("changeText","Change the icon menu widget text !!!",cb,"format.gif",48,0,false,48,16)
menu.add("id1","Test item 1",cb,"imgtabs.gif",0,0)
menu.add("id2","Test item 2",cb)
menu.add("id3","Test item plus int",cb)
menu.add("id4","court",cb)
menu.add("id5","Test item 1",cb)
menu.add("id6","Test item 2",cb,"format.gif",48,0,true,48,16)
button2 = newButtonScrollMenuWidget("button2","button scroll menu",null,"a tooltip",null,null,
null,false,200,5)
icon7=newIconColorMenuWidget("icon7","format.gif",colorCB,null,"test",16,16,6*16,0,6*16,16)
colMenu7=icon7.getMenu()
icon8=newIconColorMenuWidget("icon8","format.gif",colorCB,null,"test",16,16,6*16,0,6*16,16)
colMenu8=icon8.getMenu()
horizIcnTbl=newIconTableWidget("horizIcnTbl",true,350,102)
for (var i=0; i < 5; i++)
horizIcnTbl.add("../../images/main/subblockicons.gif",theCB,"icon Text Very int"+i,null,50,50,50*i,50)
vertiIcnTbl=newIconTableWidget("vertiIcnTbl",false,102,350)
for (var i=0; i < 5; i++)
vertiIcnTbl.add("../../images/main/subblockicons.gif",theCB,"icon Text Very int"+i,null,50,50,50*i,50)
</script>
</head>
<body onload="loadCB()">
<script language="javascript">menu.write()</script>
<script language="javascript">colMenu7.write()</script>
<script language="javascript">colMenu8.write()</script>
<table width="100%" ID="Table1"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Icon widget with button behaviour: (click to disable/enable next icon)</b></u><br>
<script language="javascript">icon1.write()</script>
<u><b>Disabled Icon widget with button behaviour:</b></u><br>
<script language="javascript">icon5.write()</script>
<br><br><u><b>Icon widget with check box behaviour:</b></u><br>
<script language="javascript">icon2.write()</script>
<br><br><u><b>Icon widget with toggle behaviour:</b></u><br>
<script language="javascript">icon10.write()</script>
<br><br><u><b>Icon widget with radio button behaviour:</b></u><br><br>
<table border=0 cellpadding="0" cellspacing="0" ID="Table2"><tr><td class="dialogzone">
<script language="javascript">icon3.write()</script>
</td><td class="dialogzone">
<script language="javascript">icon4.write()</script>
</td></tr></table>
<u><b>Color menu widget</b></u><br><br>
<script language="javascript">icon7.write()</script>
<br>
<script language="javascript">icon8.write()</script>
<br>
<u><b>Icon menu widget</b></u><br><br>
<script language="javascript">icon6.write()</script>
<br>
<u><b>Button menu widget</b></u><br><br>
<script language="javascript">button1.write()</script>
<br>
<u><b>Button scroll menu widget</b></u><br><br>
<script language="javascript">button2.write()</script>
<br>
<u><b>Horizontal Table Icon widget</b></u><br><br>
<script language="javascript">horizIcnTbl.write()</script>
<br>
<u><b>Vertical Table Icon widget</b></u><br><br>
<script language="javascript">vertiIcnTbl.write()</script>
<br>
<!--
<iframe src="http://www.ulead.com/ma/samples/slider-1/slider-1.htm" width="500" height"=300"></iframe>
<iframe src="http://www.ulead.com/ma/samples/slider-1/slider-1.htm" width="500" height"=300"></iframe>
<br>
<iframe src="default.html" width="500" height"=300"></iframe>
-->
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,82 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
isLoaded=false
function resizeCB()
{
if (isLoaded)
{
var w=winWidth()
var h=winHeight()
info2.resize(Math.max(0,w-60),Math.max(0,h-280))
}
}
function loadCB()
{
info.init()
info2.init()
isLoaded=true
resizeCB()
}
function changeText()
{
info.setText("Autre texte. Autre texte. Autre texte.\nAutre texte. Autre texte. Autre texte. Autre texte. Autre texte. Autre texte. Autre texte.Autre texte. Autre texte. Autre texte. Autre texte. Autre texte. Autre texte. Autre texte.\nAutre texte. Autre texte. Autre texte.")
}
function changeTitle()
{
info.setTitle("Autre titre.")
}
function changeTitleBold()
{
info.setTitleBold("Autre titre Bold.")
}
info=newInfoWidget("info","Info zone","Bold title","this is a help text. This is a test zone."/*,80*/)
//alert(info.getHTML())
info2=newInfoWidget("info2","Cette info zone","Doit se retailler par script","this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n this is a help text.\n This is a test zone."/*,80*/)
</script>
</head>
<body onload="loadCB()" onresize="resizeCB()">
<table width="100%"><tr><td align="left" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px;background-color:red">
<u><b>Info zone:</b></u><br><br>
<script language="javascript">info.write()</script>
<br><br><br>
<a href="javascript:void(0)" onclick="changeText()">Change the text</a>
<br>
<a href="javascript:void(0)" onclick="changeTitle()">Change the title</a>
<br>
<a href="javascript:void(0)" onclick="changeTitleBold()">Change the bold title</a>
<br>
<script language="javascript">info2.write()</script>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,155 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../treeview.js"></script>
<script language="javascript" src="../bolist.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../calendar.js"></script>
<script language="javascript" src="../lov.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
var arrChunk = new Array;
for (var i=0; i< 1; i++)
arrChunk[i] = "Chunk value number " +i;
var arrChunk2 = new Array;
for (var i=0; i< 5; i++)
arrChunk2[i] = "Chunk value number " +i;
var arrLOV = new Array;
for (var i=0; i< 100; i++)
arrLOV[i] = "LOV value number " +i;
function smallCB()
{
lov.resize(100,5);
}
function normalCB()
{
lov.resize(200,10);
}
function bigCB()
{
lov.resize(400,20);
}
function moveCB()
{
var chunk = lov.getChunkSelection();
alert("["+this.id+"]\n"+"Chunk index = <" + chunk.index + ">\nChunk value = <" + chunk.value + ">");
}
function refreshCB()
{
alert("["+this.id+"]\n"+"Refreshing LOV...");
var LOVValue = lov.getLOVSelection();
for (var i=0;i<LOVValue.length;i++)
alert("LOV index = <" + LOVValue[i].index + ">\nLOV value = <" + LOVValue[i].value + ">");
}
function searchCB()
{
alert("["+this.id+"]\n"+"Searching for <" + lov.getSearchValue() + ">");
}
function searchCB2()
{
alert("["+this.id+"]\n"+"Searching for <" + searchW.getSearchValue() + ">");
}
function dblClickCB()
{
alert("["+this.id+"]\n"+"Double click");
}
function enterCB()
{
alert("["+this.id+"]\n"+"Enter hit");
}
var showRefresh=true;
function updateRefreshCB()
{
showRefresh = !showRefresh;
lov.change(null,null,null,null,showRefresh)
lov2.change(null,null,null,null,showRefresh)
}
function loadCB()
{
lov=newLovWidget("lov","Select a chunk:",200,10,true,true,
moveCB,refreshCB,searchCB,dblClickCB,true,enterCB,false);
lov2=newLovWidget("lov2","Select a chunk:",200,10,false,true,
null,null,searchCB,dblClickCB,true,enterCB,true);
refreshButton=newButtonWidget("refreshButton","update Refresh",updateRefreshCB);
smallButton=newButtonWidget("smallButton","Resize : Smaller",smallCB);
normalButton=newButtonWidget("normalButton","Resize : Normal",normalCB);
bigButton=newButtonWidget("bigButton","Resize : Bigger",bigCB);
searchW = newSearchWidget("searchWidget",null,searchCB2);
targetApp(
'<table width="100%"><tbody>'+
'<tr>'+
'<td colspan="3">'+
'<div class="insetBorder" style="background-color:#AAAAAA"><div style="padding:15px">'+
lov.getHTML()+
'</div></div>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td>'+ refreshButton.getHTML() + '</td>'+
'<td>'+ smallButton.getHTML() + '</td>'+
'<td>'+ normalButton.getHTML()+ '</td>'+
'<td>'+ bigButton.getHTML() + '</td>'+
'</tr>'+
'<tr>'+
'<td colspan="3">'+
'<div class="insetBorder" style="background-color:#AFAFAF"><div style="padding:15px">'+
lov2.getHTML()+
'</div></div>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td colspan="3">'+
'<div class="insetBorder" style="background-color:#AFAFAF"><div style="padding:15px">'+
searchW.getHTML()+
'</div></div>'+
'</td>'+
'</tr>'+
'</tbody></table>'
);
lov.init();
lov2.init()
lov.setTextValue("Enter a value");
lov.fillChunk( arrChunk );
lov.fillLOV( arrLOV );
lov2.fillChunk( arrChunk2 );
lov2.fillLOV( arrLOV );
lov.setTooltips("text","prev","next","refresh","search","chunk","lov");
searchW.init();
}
</script>
</head>
<body onload="loadCB()">
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 900 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 885 B

View File

@@ -0,0 +1,197 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
_globIDCont=0
function cb()
{
switch (this.id)
{
case "addItem":
this.par.add("gen"+(_globIDCont++),"Test item 1",cb,"imgtabs.gif",0,0)
break
case "addCheck":
this.par.addCheck("gen"+(_globIDCont++),"check 1",cbCheck)
break
case "addCheckImg":
this.par.addCheck("gen"+(_globIDCont++),"check 1",cbCheck,"imgtabs.gif",0,0)
break
case "addSep":
this.par.addSeparator()
break
case "removeItem":
this.par.removeByID("myItem");
break
case "removeSep":
if(this.par.getItem(2).isSeparator)
this.par.remove(2);
break
case "removeAll":
this.par.remove();
break
case "insertItem":
this.par.insert(3,"myItem"+(_globIDCont++),"insert text");
break
case "insertSep":
this.par.insertSeparator(5);
break
default:
alert(this.id)
break
}
}
function cbCheck()
{
alert(this.id+" checked? "+this.isChecked())
}
function showMenu(e)
{
menu.show(true,eventGetX(e),eventGetY(e))
}
function disableSecond()
{
var dis=(this.id=="1b")
var item=menu.getItem(1)
item.setDisabled(dis)
}
function disableFirst()
{
var dis=(this.id=="1c")
var item=menu.getItem(5)
item.setDisabled(dis)
}
function showFirst()
{
var dis=(this.id=="0d")
var item=menu.getItem(5)
item.show(dis)
}
function cbDisCheck()
{
check1.setDisabled(this.id=="0")
}
menu=newMenuWidget("test")
menu.add("id1","Test item 1",cb,"imgtabs.gif",0,0)
menu.add("id2","Test item 2",cb)
menu.add("id3","Test item plus int",cb)
menu.add("id4","court",cb)
menu.add("id5","Test item 1",cb)
menu.add("id6","Test item 2",cb,"format.gif",48,0,true,48,16)
theItem=menu.add("id7","Test des check boxes",cb,"format.gif",64,0)
menu2=newMenuWidget("test2")
menu2.add("id8","Test item 2",cb)
menu2.add("id9","essai",cb)
check1=menu2.addCheck("check1","check 1",cbCheck)
check1.check(true)
check2=menu2.addCheck("check2","check 2",cbCheck)
check2.check(false)
check3=menu2.addCheck("check3","check 3",cbCheck,"format.gif",80,0)
check3.check(true)
check4=menu2.addCheck("check4","check 4",cbCheck,"format.gif",64,0)
check4.check(false)
menu2.addSeparator()
menu2.add("0","Disable check 1",cbDisCheck)
menu2.add("1","Enable check 1",cbDisCheck)
theItem.attachSubMenu(menu2)
menu.addSeparator()
menu.add("0b","Enable second item",disableSecond)
menu.add("1b","Disable second item",disableSecond)
menu.addSeparator()
menu.add("0c","Enable 6th item",disableFirst)
menu.add("1c","Disable 6th item",disableFirst)
menu.add("0d","Show 6th item",showFirst)
menu.add("1d","Hide 6th item",showFirst)
menu.addSeparator()
theItem=menu.add("id10","Ajout dynamique d'items",cb)
menu3=newMenuWidget("test3")
menu3.add("addItem","Add an Item",cb)
menu3.add("addCheck","Add a Check",cb)
menu3.add("addCheckImg","Add a Check with image",cb)
menu3.add("addSep","Add a separator",cb)
menu3.addSeparator()
theItem.attachSubMenu(menu3)
theItem2=menu.add("theItem2","Remove/insert dynamique d'items",cb)
menu4=newMenuWidget("test4")
menu4.add("removeItem","remove an Item",cb)
menu4.add("removeSep","remove a sep",cb)
menu4.addSeparator()
menu4.add("removeAll","remove all",cb)
menu4.addSeparator()
menu4.add("myItem","item to be removed",cb)
menu4.addSeparator()
menu4.add("insertItem","insert an item",cb)
menu4.add("insertSep","insert an sep",cb)
theItem2.attachSubMenu(menu4)
menu.add("id19","Test item plus int",cb)
menu.add("id20","court",cb)
function loadCB()
{
}
</script>
</head>
<body onload="loadCB()" onclick="showMenu(event)">
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
sdfjgfds lkfjglk sfdkg dflskjg lsdfgldfsjlgk sdfkg lsfdj glsdfjg lksfdjklg sdflk g
</body>
</html>

View File

@@ -0,0 +1,114 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
initDom("../images/skin_standard/","en")
styleSheet()
</script>
<style type="text/css">
.tbl{border:1px solid black;background-color:white}
</style>
<title>Navigation page</title>
<script language="javascript">
_p=parent.parent
function update(url)
{
if(_p && _p.updateContent)
_p.updateContent(null,null,url);
else
window.location.replace(url);
}
</script>
</head>
<body class="dialogzonebold">
<table width="100%"><tr><td align="left" class="dialogzonebold">
<b>Simple widgets</b><br><br>
<table width="100%" cellspacing=0 cellpadding=4 style="border-collapse:collapse">
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('inconwidget.html')">Icon widgets</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('infowidget.html')">Info widget</a></td>
</tr>
<tr>
<td class="dialogzonebold tbl"><a href="javascript:update('framezone.html')">FrameZone widget</a></td>
<td class="dialogzonebold tbl"><a href="javascript:update('grabber.html')">Grabber Widget</a></td>
</tr>
<tr>
<td class="dialogzonebold tbl"><a href="javascript:update('fieldswidget.html')">Field widgets text, int, float</a></td>
<td class="dialogzonebold tbl"><a href="javascript:update('buttons.html')">Button Widget</a></td>
</tr>
<tr>
<td class="dialogzonebold tbl"><a href="javascript:update('tooltipwidget.html')">Tooltip widget</a></td>
<td class="dialogzonebold tbl"></td>
</tr>
</table>
<br><br><br>
<b>List and tree widgets</b><br><br>
<table width="100%" cellspacing=0 cellpadding=4 style="border-collapse:collapse">
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('treeview.html')">Tree widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('bolist.html')">BOList widget</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('andorwidget.html')">Filter widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('prompttree.html')">Prompt tree widget</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('simplelist.html')">Simple list widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('checktree.html')">Check Tree widget</a></td>
</tr>
</table>
<br><br><br>
<b>GUI Emulation Widgets</b><br><br>
<table width="100%" cellspacing=0 cellpadding=4 style="border-collapse:collapse">
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('menu.html')">Menu widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('tabs.html')">Tab panel widget</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('basicDialog.html')">Dialog Box Widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('waitDialog.html')">WaitDialog Widget</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('palettes.html')">Office-like palettes</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('lov.html')">LOV Widget</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('calendar.html')">Calendar Widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('scrolltabs.html')">ScrollTabs</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('textcombowidget.html')">TextCombo Widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('iconscrollmenuwidget.html')">IconScrollMenu Widget</td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('iconlistpopupwidget.html')">iconListPopup Widget</a></td>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('pane.html')">Pane Manager</a></td>
</tr>
<tr>
<td width="50%" class="dialogzonebold tbl"><a href="javascript:update('borderswidget.html')">Borders Widget</a></td>
<td width="50%" class="dialogzonebold tbl"></td>
</tr>
</table>
</div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,194 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript">
// Initializations
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet();
</script>
<script language="javascript">
// Optional code : a right click menu
menu = newMenuWidget("menu");
second = menu.addCheck("second","show second palette",clickCB);
third = menu.addCheck("third","show third palette",clickCB);
second.check(true);
third.check(true);
// A palette container must be used, even when using only one palette
palettes = newPaletteContainerWidget("palettes",menu);
// Create a first palette
palette1 = newPaletteWidget("palette1");
palettes.add(palette1);
// 2 simples icon buttons
button1 = newIconWidget("button1",'format.gif',clickCB,null,"Button one",16,16,16*4,0,16*4,16);
palette1.add(button1)
button2 = newIconWidget("button2",'format.gif',clickCB,null,"Button two",16,16,16*5,0,16*5,16);
palette1.add(button2)
// Vertical separator
palette1.beginRightZone()
palette1.add()
// Button with text
button3 = newIconWidget("button3",'format.gif',clickCB,"Bold","Button three",16,16,16*3,0,16*3,16);
palette1.add(button3)
// Create a second palette
pal2container=newWidget("pal2container")
sep1=newPaletteSepWidget("sep1")
palette2 = newPaletteWidget("palette2");
palettes.add(palette2);
button4 = newIconWidget("button4",'format.gif',clickCB,null,"Button one",16,16,16*4,0,16*4,16);
palette2.add(button4)
palette2.add()
combo=newComboWidget("combo1",clickCB,true)
palette2.add(combo)
// Create a second palette
palette2.add()
customCombo=newCustomCombo("combo2",clickCB,true,200)
palette2.add(customCombo)
ena=palette2.add(newIconCheckWidget("ena",null,clickCB,"Disable/Enable"));
enaI=palette2.add(newIconCheckWidget("enaI",null,clickCB,"Disable/Enable 2d item"));
// Create a third palette
pal3container=newWidget("pal3container")
sep2=newPaletteSepWidget("sep2")
palette3 = newPaletteWidget("palette3");
palettes.add(palette3);
button5 = newIconWidget("button5",'format.gif',clickCB,null,"Button one",16,16,16*7,0,16*7,16);
palette3.add(button5)
// Callbacks
function clickCB()
{
switch(this.id)
{
// Show or hide palettes
case "second":
pal2container.setDisplay(this.isChecked())
break
case "third":
pal3container.setDisplay(this.isChecked())
break
case "button1":
case "button2":
case "button3":
alert(this.id)
break
case "combo1":
var sel=combo.getSelection()
alert("combo ID="+this.id+" Selection\nindex="+sel.index+"\nvalue= "+sel.value)
break
case "combo2":
var sel=customCombo.getSelection()
alert("combo ID="+this.id+" Selection\nindex="+sel.index+"\nvalue= "+sel.value)
break
case "ena":
customCombo.setDisabled(ena.isChecked())
break
case "enaI":
customCombo.setItemDisabled(1,enaI.isChecked())
break
case "id1":
alert("Action...")
break
}
}
function loadCB()
{
palettes.init();
palette1.init();
pal2container.init();
palette2.init();
pal3container.init();
palette3.init();
menu.init();
combo.init()
combo.add("value 1","val1")
combo.add("value 2","val2")
combo.add("value 3","val3")
customCombo.init()
customCombo.add("value 1","val1")
customCombo.add("value 2","val2")
customCombo.add("value 3","val3")
customCombo.addSeparator()
customCombo.addMenuItem("id1","I'm an action, not a combo item!",clickCB,"imgtabs.gif",0,0)
customCombo.valueSelect("val3")
}
</script>
</head>
<body onload="loadCB()">
<script language="javascript">
menu.write()
palettes.begin()
palette1.write()
document.write('<div id="pal2container" style="display:block">')
sep1.write()
palette2.write()
document.write('</div>')
document.write('<div id="pal3container" style="display:block">')
sep2.write()
palette3.write()
document.write('</div>')
palettes.end()
</script>
</body>
</html>

View File

@@ -0,0 +1,57 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<style>
#thePane{position:absolute;left:30px;top:30px}
</style>
<script language="javascript">
var pane = newPaneWidget("thePane", "the tooltip", 300,300)
pane.add("fontPane","Font Formatting",'format.gif',16*4,0,"http://www.yahoo.com")
pane.add("objects","Variables handling",'treeicons.gif',0,0,"http://www.msn.com")
leftRuler=newWidget("leftRuler")
rightRuler=newWidget("rightRuler")
function loadCB()
{
pane.init()
leftRuler.init()
rightRuler.init()
}
//alert(pane.getHTML())
function resizeCB()
{
var w = Math.max(winWidth()-60,0)
var h = Math.max(winHeight()-60,0)
if (pane.layer)
{
leftRuler.resize(null,h)
rightRuler.resize(w,null)
pane.resize(w,h)
}
}
</script>
</head>
<body onload="loadCB()" onresize="resizeCB()">
<div id="leftRuler" style="background-color:black;position:absolute;top:30px;left:10px;width:2px;height:300px;overflow:hidden"></div>
<div id="rightRuler" style="background-color:black;position:absolute;top:10px;left:30px;width:300px;height:2px;overflow:hidden"></div>
<script language="javascript">pane.write()</script>
</body>
</html>

View File

@@ -0,0 +1,33 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
</head>
<body>
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<a href="javascript:frameNav('DlgFrame','dialog.html')">
Launch a dialog window</a>
</div></div>
</td></tr></table>
<!-- the hidden iframe !-->
<iframe name="DlgFrame" id="dlg" src="../../lib/empty.html" style="position:absolute;left:-100px;top:-100px;width:10px;height:10px;" frameborder="0" >
</iframe>'
</body>
</html>

View File

@@ -0,0 +1,80 @@
<!--
=============================================================
WebIntelligence(r) Report Panel
Copyright(c) 2001-2003 Business Objects S.A.
All rights reserved
Use and support of this software is governed by the terms
and conditions of the software license agreement and support
policy of Business Objects S.A. and/or its subsidiaries.
The Business Objects products and technology are protected
by the US patent number 5,555,403 and 6,247,008
File: progressBar.html
=============================================================
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Progress Bar</title>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../dialog.js"></script>
<script language="javascript" src="../waitdialog.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
//
// GLOBALS
//
// Widgets
var waitDlg = null;
// Used in resizeCB
var initialized = false;
</script>
<script language="javascript">
// --------------------------------------------------------
// Create widgets
// --------------------------------------------------------
progressBar=newProgressBarWidget("progressBar",200,10000)
function loadCB()
{
// --------------------------------------------------------
// Init widgets
// --------------------------------------------------------
progressBar.init();
progressBar.begin();
}
</script>
</head>
<body class="dialogzone" onload="setTimeout('loadCB()',1000)">
<div class="dialogzone" style="padding:15px" align="center">
<script language="javascript">
document.write(progressBar.getHTML())
</script>
</div>
</body>
</html>

View File

@@ -0,0 +1,75 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../treeview.js"></script>
<script language="javascript" src="../prompttree.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
// Real tree view
tree = newTreePromptWidget("tree",350,300,theCB,theCB,null,expandCB,collapseCB)
FIRST= tree.add(newTreePromptElem("Lines Between:","Accessories","userData"))
tree.add(newTreePromptElem("To: Lines Between:","Dresses","userData"))
var nested=tree.add(newTreePromptElem("Choose a store name:",null,"userData"))
nested.add(newTreePromptElem("Revenue Greater than:","$ 50000","userData"))
nested2=nested.add(newTreePromptElem("City is in the list:",null,"userData"))
nested2.add(newTreePromptElem("City size(km²) >:","200000","userData"))
nested2.add(newTreePromptElem("State Equal to:","New York","userData"))
nested.add(newTreePromptElem("Manager is older than:",null,"userData"))
tree.add(newTreePromptElem("Year In List:",null,"userData"))
function theCB()
{
//alert(this.id)
}
function loadCB()
{
tree.init()
}
function expandCB(userData)
{
status="expandCB userData="+userData+" tree ID="+this.id
}
function collapseCB(userData)
{
status="collapseCB userData="+userData+" tree ID="+this.id
}
</script>
</head>
<body onload="loadCB()" onselectstart="return false">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Tree View</b></u><br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">tree.write()</script>
</td></tr></table>
<a href="javascript:FIRST.change('toto','titi')">change</a><br>
<a href="javascript:FIRST.change('qsfdq dqsd toto')">change with empty values</a><br>
</div></div>
</td></tr></table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,57 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../psheet.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function loadCB()
{
tbar.init()
tbar.resize(600)
}
var tbar = newTabBarWidget("theTbar",false,null,"",null,null,true)
tbar.add("test d'onglet 1","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 2","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 3","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 4","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 5","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 6","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 7","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 8","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.select(3)
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<br><br><br>
<u><b>Tab bar</b></u><br><br>
<div>
<script language="javascript">
tbar.write()
</script>
</div>
<br>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,87 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang);
styleSheet();
</script>
<script language="javascript">
mylist = newListWidget("mylist",changeCB,true,200,20,"this is a tooltip",dblClickCB,keyUpCB);
getSelButton = newButtonWidget("getSelButton","get Selection",clickCB);
function clickCB()
{
switch (this.id)
{
case "getSelButton":
var sel = mylist.getSelection();
alert("index : " + sel.index + " value : " + sel.value);
break;
}
}
function loadCB()
{
mylist.init();
mylist.add("<value from add 1>","test6",true);
mylist.add("<value from add 2>","test7");
}
function changeCB()
{
status = "changed";
}
function dblClickCB()
{
status = "double click";
}
function keyUpCB()
{
status ("key up");
}
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="left" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<script language="javascript">
mylist.begin()
</script>
<option value="test1">value 1</option>
<option value="test2">value 2</option>
<option value="test3">value 3</option>
<option value="test4">value 4</option>
<option value="test5">value 5</option>
<script language="javascript">
mylist.end();
</script>
<br><br>
<script language="javascript">
getSelButton.write();
</script>
<br><br>
<div class="dialogzone"> this is a sample text using dialogzone CSS class</div>
<div class="dialogzonebold"> this is a sample text using dialogzonebold CSS class</div>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,54 @@
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title> Skin and Language </title>
</head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
initDom("../images/skin_standard/","en")
styleSheet()
</script>
<script>
_p=parent.parent
skinList=newComboWidget("sampleSkinList",inputChanged,true,120);
langList=newComboWidget("sampleLangList",inputChanged,true,80);
function loadCB()
{
skinList.init();
langList.init();
skinList.add("skin_standard", "skin_standard");
skinList.add("skin_default", "skin_default");
skinList.add("skin_corporate", "skin_corporate");
skinList.add("skin_coloredline", "skin_coloredline");
langList.add("en", "en");
langList.add("ja", "ja");
}
function inputChanged()
{
var skin=skinList.getSelection().value;
var lang =langList.getSelection().value;
_p.updateContent(skin,lang);
}
</script>
<body onload="loadCB()" class="dialogzone">
<table class="dialogzone" cellpadding="3" cellspacing="0" border="0">
<tr>
<td>skin:</td>
<td>language:</td>
</tr>
<tr>
<td><script language="javascript">skinList.write()</script></td>
<td><script language="javascript">langList.write()</script></td>
</tr>
</table>
</body>
</html>

View File

@@ -0,0 +1,206 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../psheet.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function theCB()
{
this.select(true)
for (var i in topTabs)
{
var tab=topTabs[i]
if (this.id!=tab.id)
tab.select(false)
}
}
function theCB2()
{
this.select(true)
for (var i in bottomTabs)
{
var tab=bottomTabs[i]
if (this.id!=tab.id)
tab.select(false)
}
}
function loadCB()
{
for (var i in topTabs)
topTabs[i].init()
for (var i in bottomTabs)
bottomTabs[i].init()
tbar.init()
tzone.init()
}
var topTabs=new Array
for (var i=0;i<5;i++)
{
if ((i!=2)&&(i!=3))
topTabs[i]=newTabWidget("toptabNoIcon"+i,true,"test d'onglet "+i,theCB,"toto")
if (i==2)
{
topTabs[i]=newTabWidget("toptabNoIcon"+i,true,"test d'onglet "+i,theCB,"toto","imgtabs.gif",16,16,0,0)
topTabs[i].isSelected=true
}
if (i==3)
topTabs[i]=newTabWidget("toptabNoIcon"+i,true,"test d'onglet "+i,theCB,"toto","imgtabs.gif",16,16,0,-16)
}
var bottomTabs=new Array
for (var i=0;i<5;i++)
{
if ((i!=2)&&(i!=3))
bottomTabs[i]=newTabWidget("bottomtabNoIcon"+i,false,"test d'onglet "+i,theCB2,"toto")
if (i==2)
{
bottomTabs[i]=newTabWidget("bottomtabNoIcon"+i,false,"test d'onglet "+i,theCB2,"toto","imgtabs.gif",16,16,0,0)
bottomTabs[i].isSelected=true
}
if (i==3)
bottomTabs[i]=newTabWidget("bottomtabNoIcon"+i,false,"test d'onglet "+i,theCB2,"toto","imgtabs.gif",16,16,0,-16)
}
var counter=0
function changeFirst()
{
if (counter==0)
{
bottomTabs[0].change("test d'onglet changé",theCB2,"toto","imgtabs.gif",16,16,0,-16)
counter=1
}
else
{
bottomTabs[0].change("test d'onglet modif",theCB2,"toto")
counter=0
}
}
function remSecond()
{
tbar.remove(1)
}
var theShow=true
function hfFirst()
{
theShow=!theShow
tbar.showTab(0,theShow)
}
var tbar = newTabBarWidget("theTbar",true)
tbar.add("test d'onglet 1","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 2","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 3","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 4","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 5","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 6","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 7","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.add("test d'onglet 8","toto",-1,"imgtabs.gif",16,16,0,0)
tbar.select(2)
function tzoneCB()
{
//alert(this.id)
}
tzone = newTabbedZone("tzone",tzoneCB,500,200)
tzone.add("test d'onglet ","toto","imgtabs.gif",16,16,0,0)
tzone.add("test d'onglet ","toto","imgtabs.gif",16,16,0,0)
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Single Top Tab, no image</b></u><br><br>
<table border="0" cellspacing="0" cellpadding="0"><tr>
<script language="javascript">
for (var i in topTabs)
document.write('<td>'+topTabs[i].getHTML()+'</td>')
</script>
</tr></table>
<br><br>
<u><b>Single Bottom Tab, no image</b></u><br><br>
<table border="0" cellspacing="0" cellpadding="0"><tr>
<script language="javascript">
for (var i in bottomTabs)
document.write('<td>'+bottomTabs[i].getHTML()+'</td>')
</script>
</tr></table>
<br>
<script language="javascript">
var theBtton = newButtonWidget("theBtton","change first tab","changeFirst()")
theBtton.write()
</script>
<br><br><br>
<u><b>Tab bar</b></u><br><br>
<div style="width:600px;overflow:hidden">
<script language="javascript">
tbar.write()
</script>
</div>
<br>
<script language="javascript">
var theBttonRem = newButtonWidget("theBttonRem","remove 2nd tab","remSecond()")
theBttonRem.write()
var theBttonHF = newButtonWidget("theBttonHF","Hide/show 1st Tab","hfFirst()")
theBttonHF.write()
</script>
<br><br><br>
<u><b>Tabdeb zone</b></u><br><br>
<script language="javascript">tzone.begin()</script>
<script language="javascript">tzone.beginTab(0)</script>
test du premier tab<br><br>
test test
<script language="javascript">tzone.endTab()</script>
<script language="javascript">tzone.beginTab(1)</script>
test du deuxieme tab<br>
qsd fqsd dsqf sqdf test test dkjsfhqsdk kqsdh kjqdshf kjdsqh kf qsdk fkqsdh kjsdqhf sdqjk hfksqdhf kjqsdkjsqd kjhsdqk hksdjq
<script language="javascript">tzone.endTab()</script>
<script language="javascript">tzone.end()</script>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,89 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../menu.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function changeCB()
{
var sel=this.getSelection()
alert('changeCB\nsel.index='+sel.index+'\nsel.value='+sel.value)
}
function checkCB()
{
alert('checkCB')
return true
}
function clickCB()
{
var id=this.id
switch (id)
{
case "disaBtn":
txtCombo.setDisabled(this.isChecked())
break
case "editBtn":
txtCombo.setContentEditable(this.isChecked())
break
}
}
function loadCB()
{
txtCombo.init()
disaBtn.init()
disaBtn.check(txtCombo.isDisabled())
editBtn.init()
editBtn.check(txtCombo.isContentEditable())
}
txtCombo=newTextComboWidget("txtCombo",50,"",100,changeCB,checkCB,null)
txtCombo.add("Test item 0","id0",true)
txtCombo.add("Test item 1","id1")
txtCombo.add("Test item 2","id2")
txtCombo.add("Test item plus int","id3")
txtCombo.add("court","id4")
txtCombo.add("Test item 1","id5")
txtCombo.add("Test item 2","id6")
disaBtn=newIconCheckWidget("disaBtn",_skin+"information_icon.gif",clickCB,"Disabled","Disabled",32,32)
editBtn=newIconCheckWidget("editBtn",_skin+"information_icon.gif",clickCB,"Editable","Editable",32,32)
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>TextCombo widget</b></u><br><br>
<script language="javascript">txtCombo.write()</script>
<br>
<table align="center" width="25%"><tr>
<td><script language="javascript">disaBtn.write()</script></td>
<td><script language="javascript">editBtn.write()</script></td>
</tr></table>
</div></div>
</td></tr></table>
</body>
</html>

View File

@@ -0,0 +1,58 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
function showTooltipCB(e)
{
var s='This is the tooltip of object <font color="#FF0000"><b>'+e.id+'</b></font>'
s+='<br>You can write HTML here...'
s+='<br><b>Bold</b> or <i>italic</i>'
tooltipWid.show(true,s,null,null,null,null,null,true)
}
function hideTooltipCB()
{
tooltipWid.hide()
}
function loadCB()
{
tooltipWid.init()
span1.init()
span2.init()
}
tooltipWid=newTooltipWidget()
span1=newWidget("span1")
span2=newWidget("span2")
</script>
</head>
<body onload="loadCB()">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Tooltip widget</b></u><br><br>
<span id="span1" onmouseover="showTooltipCB(this)" onmouseout="hideTooltipCB()">Move you mouse over here</span>
<br>
<span id="span2" onmouseover="showTooltipCB(this)" onmouseout="hideTooltipCB()">Move you mouse over here</span>
<br>
</div></div>
</td></tr></table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -0,0 +1,416 @@
<html>
<head>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../treeview.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
icons="treeicons.gif"
// Real tree view
tree = newTreeWidget("tree",200,300,icons,theAdvCB,dbClickCB,null,expandCB,collapseCB,deleteCB)
tree.setTooltipOnMouseOver(true) //force tooltip on mouse over
// tree.setHighlightPath(true);
root = newTreeWidgetElem(0, "Root element", "test", "help text")
FillFirstTree(false)
//tree view with no icon
treeNoIcon = newTreeWidget("treeNoIcon",200,300,icons,theCB,theCB,null,expandCB,collapseCB)
rootNoIcon = newTreeWidgetElem(-1, "Root element", "test", "help text")
treeNoIcon.setHighlightPath(true);
FillFirstTreeNoIcon(false)
// Icon list
iconList=newIconListWidget("iconList",200,300,icons,theCB,theCB)
iconList.setDragDrop(dragCB,acceptDropCB,dropCB)
// Build 5000 items
var buildStart=new Date
var nbItems=201
for (var j=0;j<nbItems;j++)
{
iconList.add(newTreeWidgetElem(1, "Element "+j, "test"+j, "help text",null,"tooltip text"))
}
var buildEnd=new Date
// Button for changing an item
changeBtn=newButtonWidget("changeBtn","change selection","change()")
resizeBtn=newButtonWidget("resizeBtn","resize Tree & lists","resize()")
tooltipBtn=newButtonWidget("tooltipBtn","disable tooltip on mouse over","disableTooltip()")
renameBtn=newButtonWidget("renameBtn","rename","rename()")
selectionBtn=newButtonWidget("selectionBtn","multi selection","changeSel()")
//to be improved later
searchBtn=newButtonWidget("searchBtn","search","search()")
searchTxt=newTextFieldWidget("searchTxt",null,null,null,search);
function expandCB(userData)
{
status="expandCB userData="+userData+" tree ID="+this.id
}
function collapseCB(userData)
{
status="collapseCB userData="+userData+" tree ID="+this.id
}
function theCB()
{
//alert(this.id)
if (this.id=="iconList")
status = this.getSelection().index
}
function theAdvCB()
{
//alert(this.id)
var arrSel=tree.getSelections();
var len = arrSel.length, s="";
for(var i=0;i<len;i++)
{
var elem=arrSel[i];
if(elem.isNode())
s+="node "+elem.name+"\n";
else
s+="leaf "+elem.name+"\n";
}
//if(s!="") alert(s);
}
//IMPORTANT SAMPLE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
//1 - treeView is a single selection:
//Use data to perform double click action
//2 - treeView is a multi selection:
//data will content the elem where the action is performed
//But to propagate the action to all selected items,use getSelectedItems()
function dbClickCB(data)
{
if(tree.multiSelection)
{
var arrSel =tree.getSelectedItems();
var s="";
for(var i=0; i<arrSel.length;i++)
{
//dbclick action
s+= arrSel[i].name + " ";
}
alert("dbClickCB on "+ s);
}
else
{
//dbclick action
alert("classic dbClickCB ");
}
}
function deleteCB(data)
{
if(tree.multiSelection)
{
var arrSel =tree.getSelectedItems();
var s="";
for(var i=0; i<arrSel.length;i++)
{
s+= arrSel[i].name + " ";
}
alert("delete "+ s);
}
else
{
alert(" classic deleteCB ");
}
}
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
function loadCB()
{
tree.init()
treeNoIcon.init()
iconList.init()
iconList.select(4)
selectionBtn.init();
selectItemButton.init();
searchBtn.init();
searchTxt.init();
}
// DELAYED CREATION OF CHILDS
_this=null
function delayedCompleteCB()
{
for (var i=0;i<50;i++)
{
_this.add(newTreeWidgetElem(1, "Dimension 1", "test", "help text",null,"tooltip Dimension"))
_this.add(newTreeWidgetElem(1, "Dimension 2", "test", "help text",null,"tooltip Dimension"))
_this.add(newTreeWidgetElem(1, "Dimension 3", "test", "help text",null,"tooltip Dimension"))
_this.add(newTreeWidgetElem(1, "Dimension 4", "test", "help text",null,"tooltip Dimension"))
}
_this.finishComplete()
}
function querycompleteCB()
{
_this=this
setTimeout("delayedCompleteCB()",1000)
}
//////////////////////////////
var sizes= new Array(200,70,400)
var idx=1
function rename()
{
var itm=tree.getSelectedItem()
if (itm)
{
itm.setEditable(true,editInPlaceCB,validEditInPlaceCB)
itm.showEditInput(true)
}
}
function resize()
{
var w=sizes[(idx++)%3]
tree.resize(w)
iconList.resize(w)
}
function change()
{
var itm=tree.getSelectedItem()
if (itm)
{
itm.change(4, "new name", null, "new help",5,"new tooltip")
itm.setGrayStyle(!itm.isGrayStyle())
}
}
function changeSel()
{
tree.setMultiSelection(true);
}
function editInPlaceCB()
{
alert("new value="+this.name)
}
function validEditInPlaceCB(text)
{
if (text=="")
{
alert("enter a non empty value!")
return false
}
return true
}
function disableTooltip()
{
tree.setTooltipOnMouseOver(false)
}
function FillFirstTree(rebuild)
{
if (rebuild)
tree.deleteAll()
tree.add(root)
root.expanded=false
for (var i=0;i<10;i++)
{
var sub1=newTreeWidgetElem(6, "Class1", "test", "help text",7,"This is a test tooltip")
/*if (i==0)
{}*/
sub1.expanded=false
root.add(sub1)
var editble=newTreeWidgetElem(1, "Edit me...", "test", "help text")
editble.setEditable(true,editInPlaceCB,validEditInPlaceCB)
root.add(editble)
root.add(newTreeWidgetElem(1, "Dimension 1", "test", "help text",null,"tooltip Dimension"))
root.add(newTreeWidgetElem(1, "Dimension 2", "test", "help text",null,"tooltip Dimension"))
root.add(newTreeWidgetElem(1, "Dimension 3", "test", "help text",null,"tooltip Dimension"))
root.add(newTreeWidgetElem(1, "Dimension 4", "test", "help text",null,"tooltip Dimension"))
if (i==2)
root.add(newTreeWidgetElem(1, "To be selected", "id 123", "help text",null,"tooltip Dimension"))
// DELAYED CREATION OF CHILDS
var w=sub1.add(newTreeWidgetElem(2, "Delayed FILL !", "test", "help text"))
w.setIncomplete(querycompleteCB)
//////////////////////////////
sub1.add(newTreeWidgetElem(2, "Mesure 2", "test", "help text",null,"tooltip mesure"))
root.add(newTreeWidgetElem(3, "Detail 1", "test", "help text",null,"tooltip detail"))
root.add(newTreeWidgetElem(3, "Detail 2", "test", "help text",null,"tooltip detail"))
var sub2=newTreeWidgetElem(6, "Class2", "test", "help text",7,"This is a test tooltip")
sub1.add(sub2);
sub2.add(newTreeWidgetElem(1, "Dimension 1", "test", "help text",null,"tooltip Dimension"))
sub2.add(newTreeWidgetElem(2, "Mesure 2", "test", "help text",null,"tooltip mesure"))
sub2.add(newTreeWidgetElem(3, "Detail 2", "test", "help text",null,"tooltip detail"))
sub2.add(newTreeWidgetElem(6, "Class2", "test", "help text",7,"This is a test tooltip"))
}
if (rebuild)
tree.rebuildHTML()
}
//tree no icons
function FillFirstTreeNoIcon(rebuild)
{
if (rebuild)
treeNoIcon.deleteAll()
treeNoIcon.add(rootNoIcon)
for (var i=0;i<3;i++)
{
var sub1=newTreeWidgetElem(6, "Class1", "test", "help text",null,"This is a test tooltip")
var sub2=newTreeWidgetElem(-1, "Class2", "test", "help text",null,"This is a test tooltip")
if (i==0)
sub1.expanded=false
rootNoIcon.add(sub1)
rootNoIcon.add(sub2)
sub1.add(newTreeWidgetElem(-1, "Dimension 1 tres tres tres tres tres long long", "test", "help text",null,"tooltip Dimension"))
sub1.add(newTreeWidgetElem(-1, "Dimension 2", "test", "help text",null,"tooltip Dimension"))
sub1.add(newTreeWidgetElem(-1, "Dimension 3", "test", "help text",null,"tooltip Dimension"))
sub1.add(newTreeWidgetElem(-1, "Dimension 4", "test", "help text",null,"tooltip Dimension"))
sub1.add(newTreeWidgetElem(-1, "Dimension 4", "test", "help text",null,"tooltip Dimension"))
sub1.add(newTreeWidgetElem(2, "Mesure 2", "test", "help text",null,"tooltip mesure"))
sub1.add(newTreeWidgetElem(3, "Detail 1 tres tres tres tres tres long long", "test", "help text",null,"tooltip detail"))
sub1.add(newTreeWidgetElem(3, "Detail 2", "test", "help text",null,"tooltip detail"))
sub2.add(newTreeWidgetElem(-1, "Dimension 1", "test", "help text",null,"tooltip Dimension"))
sub2.add(newTreeWidgetElem(-1, "Dimension 2", "test", "help text",null,"tooltip Dimension"))
sub2.add(newTreeWidgetElem(-1, "Dimension 3", "test", "help text",null,"tooltip Dimension"))
sub2.add(newTreeWidgetElem(-1, "Mesure 2", "test", "help text",null,"tooltip mesure"))
sub2.add(newTreeWidgetElem(-1, "Detail 1", "test", "help text",null,"tooltip detail"))
sub2.add(newTreeWidgetElem(-1, "Detail 2", "test", "help text",null,"tooltip detail"))
}
if (rebuild)
treeNoIcon.rebuildHTML()
}
// Icon list
function dragCB(source) // triggered when beginning D&D
{
}
function acceptDropCB (source, target, ctrl, shift) // return boolean if D&D is accepted
{
return true
}
function dropCB(source, target,ctrl, shift) // triggered when ending D&D
{
}
selectItemButton=newButtonWidget("selectItemButton","Select in the tree view","selItem()")
function selItem()
{
tree.selectByData("id 123",true)
}
function search()
{
var s = searchTxt.getValue();
//search(text,matchCase,matchWholeW,startFrom,next);
tree.search(s,false,false,null,false,notFoundCB);
}
function notFoundCB()
{
alert(searchTxt.getValue()+' not found')
}
</script>
</head>
<body onload="loadCB()" onselectstart="return false">
<table width="100%"><tr><td align="center" valign="middle">
<div class="insetBorder"><div class="dialogzone" style="padding:15px">
<u><b>Tree View</b></u><br><br>
<table border="0"><tr valign="top"><td class="dialogzone">
<script language="javascript">tree.write()</script>
<br><br><a href="javascript:FillFirstTree(true)">Rewrite Tree</a>
<br><br><script language="javascript">changeBtn.write()</script>
<br><script language="javascript">resizeBtn.write()</script>
<br><script language="javascript">tooltipBtn.write()</script>
<br><script language="javascript">renameBtn.write()</script>
<br><script language="javascript">selectionBtn.write()</script>
<br><script language="javascript">selectItemButton.write()</script>
<br><script language="javascript">searchTxt.write()</script><script language="javascript">searchBtn.write()</script>
</td>
<td class="dialogzone" align="center">
<script language="javascript">
var writeHTMLStart=new Date
iconList.write()
var writeHTMLEnd=new Date
document.write("<br><b>Build a list with "+(nbItems)+ " items</b><br><br><u>Build Time:</u> <b>"+ ((buildEnd.valueOf()-buildStart.valueOf())/1000) +" s</b><br><u>Build HTML Time:</u> <b>"+((writeHTMLEnd.valueOf()-writeHTMLStart.valueOf())/1000)+" s</b>")
</script>
</td>
<td class="dialogzone" align="center">
<script language="javascript">
treeNoIcon.write()
</script>
<br><br><a href="javascript:FillFirstTreeNoIcon(true)">Rewrite Tree No Icons</a>
</td>
</tr></table>
<script language="javascript">
</script>
<br><br>
<br>
</div>
</div>
</td></tr></table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1012 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 571 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1005 B

View File

@@ -0,0 +1,151 @@
<!--
=============================================================
WebIntelligence(r) Report Panel
Copyright(c) 2001-2003 Business Objects S.A.
All rights reserved
Use and support of this software is governed by the terms
and conditions of the software license agreement and support
policy of Business Objects S.A. and/or its subsidiaries.
The Business Objects products and technology are protected
by the US patent number 5,555,403 and 6,247,008
File: waitDialog.html
=============================================================
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Waiting dialog window</title>
<script language="javascript" src="../dom.js"></script>
<script language="javascript" src="../dialog.js"></script>
<script language="javascript" src="../palette.js"></script>
<script language="javascript" src="../waitdialog.js"></script>
<script language="javascript">
var skin=parent._skin?parent._skin:"skin_standard";
var lang=parent._lang?parent._lang:"en";
initDom("../images/"+skin+"/",lang)
styleSheet()
</script>
<script language="javascript">
//
// GLOBALS
//
// Widgets
var waitDlg = null;
// Used in resizeCB
var initialized = false;
</script>
<script language="javascript">
function clickCB()
{
var id=this.id
switch(id)
{
case "button1":
waitDlg1.show(true)
waitDlg1.startProgress()
break;
case "button2":
waitDlg2.show(true)
break;
case "button3":
waitDlg3.show(true)
break;
case "button4":
waitDlg4.show(true)
break;
}
}
// function cancelCB
// called when click on the CANCEL button
function cancelCB()
{
waitDlg1.show(false);
waitDlg2.show(false)
waitDlg3.show(false);
waitDlg4.show(false)
}
// Load widgets
function loadCB()
{
if (!initialized)
{
initialized=true;
// --------------------------------------------------------
// Create widgets
// --------------------------------------------------------
button1=newButtonWidget("button1","Wait dialog with Undeterminate bar",clickCB)
button2=newButtonWidget("button2","Wait dialog with Determinate bar",clickCB)
button3=newButtonWidget("button3","No progress bar - No label - No cancel",clickCB)
button4=newButtonWidget("button4","No progress bar - No label - Cancel",clickCB)
waitDlg1 = newWaitDialogBoxWidget("waitDlg1",250,170,"Refresh",true,cancelCB,true,0,true,"Explication \n Suite sur autre ligne");
waitDlg2 = newWaitDialogBoxWidget("waitDlg2",250,170,"Refresh",true,cancelCB,false,null,true,"Explication \n Suite sur autre ligne",true);
waitDlg3 = newWaitDialogBoxWidget("waitDlg3",250,150,"Refresh",false,null,false,null,false,null);
waitDlg4 = newWaitDialogBoxWidget("waitDlg4",250,150,"Refresh",true,cancelCB,false,null,false,null);
}
if ( !_curWin.basicDlgInitialized )
{
_curWin.basicDlgInitialized = true;
// --------------------------------------------------------
// Write the widgets
// --------------------------------------------------------
// Build the dialog box
targetApp(
'<table cellspacing="0" cellpadding="5" width="50%" border="1" class="dialogzone"><tbody>'+
'<tr>'+
'<td align="center">'+button1.getHTML()+'</td>'+
'<td align="center">'+button2.getHTML()+'</td>'+
'<tr>'+
'<tr>'+
'<td align="center">'+button3.getHTML()+'</td>'+
'<td align="center">'+button4.getHTML()+'</td>'+
'<tr>'+
'</tbody></table>'+
waitDlg1.getHTML()+
waitDlg2.getHTML()+
waitDlg3.getHTML()+
waitDlg4.getHTML()
);
}
// --------------------------------------------------------
// Init widgets
// --------------------------------------------------------
waitDlg1.init();
waitDlg2.init();
waitDlg3.init();
waitDlg4.init();
}
//
// END OF FUNCTIONS
//
</script>
</head>
<body class="dialogzone" onload="setTimeout('loadCB()',1)">
</body>
</html>