Initial commit
256
crystalreportviewers13/js/dhtmllib/samples/andorwidget.html
Normal 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>
|
||||
314
crystalreportviewers13/js/dhtmllib/samples/basicDialog.html
Normal 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>
|
||||
@@ -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>
|
||||
207
crystalreportviewers13/js/dhtmllib/samples/bolist.html
Normal 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>
|
||||
@@ -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>
|
||||
71
crystalreportviewers13/js/dhtmllib/samples/buttons.html
Normal 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>
|
||||
95
crystalreportviewers13/js/dhtmllib/samples/calendar.html
Normal 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>
|
||||
97
crystalreportviewers13/js/dhtmllib/samples/checktree.html
Normal 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>
|
||||
31
crystalreportviewers13/js/dhtmllib/samples/default.html
Normal 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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/dim.gif
Normal file
|
After Width: | Height: | Size: 907 B |
BIN
crystalreportviewers13/js/dhtmllib/samples/dim_close.gif
Normal file
|
After Width: | Height: | Size: 942 B |
BIN
crystalreportviewers13/js/dhtmllib/samples/dim_o.gif
Normal file
|
After Width: | Height: | Size: 893 B |
BIN
crystalreportviewers13/js/dhtmllib/samples/dim_open.gif
Normal file
|
After Width: | Height: | Size: 936 B |
9
crystalreportviewers13/js/dhtmllib/samples/empty.html
Normal 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>
|
||||
63
crystalreportviewers13/js/dhtmllib/samples/eventsDialog.html
Normal 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>
|
||||
99
crystalreportviewers13/js/dhtmllib/samples/fieldswidget.html
Normal 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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/format.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
66
crystalreportviewers13/js/dhtmllib/samples/framezone.html
Normal 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>
|
||||
45
crystalreportviewers13/js/dhtmllib/samples/grabber.html
Normal 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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/imgtabs.gif
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
219
crystalreportviewers13/js/dhtmllib/samples/inconwidget.html
Normal 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>
|
||||
82
crystalreportviewers13/js/dhtmllib/samples/infowidget.html
Normal 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>
|
||||
155
crystalreportviewers13/js/dhtmllib/samples/lov.html
Normal 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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/measure.gif
Normal file
|
After Width: | Height: | Size: 900 B |
BIN
crystalreportviewers13/js/dhtmllib/samples/measure_o.gif
Normal file
|
After Width: | Height: | Size: 885 B |
197
crystalreportviewers13/js/dhtmllib/samples/menu.html
Normal 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>
|
||||
114
crystalreportviewers13/js/dhtmllib/samples/navigation.html
Normal 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>
|
||||
194
crystalreportviewers13/js/dhtmllib/samples/palettes.html
Normal 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>
|
||||
57
crystalreportviewers13/js/dhtmllib/samples/pane.html
Normal 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>
|
||||
@@ -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>
|
||||
80
crystalreportviewers13/js/dhtmllib/samples/progressBar.html
Normal 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>
|
||||
75
crystalreportviewers13/js/dhtmllib/samples/prompttree.html
Normal 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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/qualif.gif
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
57
crystalreportviewers13/js/dhtmllib/samples/scrolltabs.html
Normal 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>
|
||||
87
crystalreportviewers13/js/dhtmllib/samples/simplelist.html
Normal 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>
|
||||
54
crystalreportviewers13/js/dhtmllib/samples/skinIntl.html
Normal 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>
|
||||
206
crystalreportviewers13/js/dhtmllib/samples/tabs.html
Normal 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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/treeicons.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
416
crystalreportviewers13/js/dhtmllib/samples/treeview.html
Normal 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>
|
||||
BIN
crystalreportviewers13/js/dhtmllib/samples/unv_close.gif
Normal file
|
After Width: | Height: | Size: 1012 B |
BIN
crystalreportviewers13/js/dhtmllib/samples/unv_o.gif
Normal file
|
After Width: | Height: | Size: 571 B |
BIN
crystalreportviewers13/js/dhtmllib/samples/unv_open.gif
Normal file
|
After Width: | Height: | Size: 1005 B |
151
crystalreportviewers13/js/dhtmllib/samples/waitDialog.html
Normal 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>
|
||||