function colorRow( row , kind ){
kind ? row.style.backgroundColor='#EEEEEE' : row.style.backgroundColor='';
}
//****************************************************************
// Keep aceece
// This copy of the script is the property of the owner of the
// particular web site you were visiting.
// Do not download the script's files from there.
// For a free download and full instructions go to:
// http://www.treeview.net
//****************************************************************
// Log of changes:
//
// 12 May 03 - Support for Safari Beta 3
// 01 Mar 03 - VERSION 4.3 - Support for checkboxes
// 21 Feb 03 - Added support for Opera 7
// 22 Sep 02 - Added maySelect member for node-by-node control
// of selection and highlight
// 21 Sep 02 - Cookie values are now separated by cookieCutter
// 12 Sep 02 - VERSION 4.2 - Can highlight Selected Nodes and
// can preserve state through external (DB) IDs
// 29 Aug 02 - Fine tune 'supportDeferral' for IE4 and IE Mac
// 25 Aug 02 - Fixes: STARTALLOPEN, and multi-page frameless
// 09 Aug 02 - Fix repeated folder on Mozilla 1.x
// 31 Jul 02 - VERSION 4.1 - Dramatic speed increase for trees
// with hundreds or thousands of nodes; changes to the control
// flags of the gLnk function
// 18 Jul 02 - Changes in pre-load images function
// 13 Jun 02 - Add ICONPATH var to allow for gif subdir
// 20 Apr 02 - Improve support for frame-less layout
// 07 Apr 02 - Minor changes to support server-side dynamic feeding
// (example: FavoritesManagerASP)
// Definition of class Folder
// *****************************************************************
function Folder(folderDescription, hreference, onClickdata, target , idlevel , masterid , hasRemoteChild )
{
//constant data
this.desc = folderDescription;
this.hreference = hreference;
this.id = -1;
this.onClick = onClickdata;
this.xID = idlevel;
this.label = idlevel;
this.idlevel= idlevel;
this.conn_id = masterid;
if ( hasRemoteChild == 0)
this.hasRemoteChild = false;
else
this.hasRemoteChild = true;
this.navObj = 0;
this.iconImg = 0;
this.nodeImg = 0;
this.isLastNode = 0;
this.iconSrc = ICONPATH + "ftv2folderopen.gif";
this.iconSrcClosed = ICONPATH + "ftv2folderclosed.gif";
this.children = new Array;
this.nChildren = 0;
this.level = 0;
this.leftSideCoded = "";
this.isLastNode=false;
this.parentObj = null;
this.maySelect=true;
this.prependHTML = ""
this.isOpen = false
this.isLastOpenedFolder = false
this.isRendered = 0
this.initialize = initializeFolder
this.setState = setStateFolder
this.addChild = addChild
this.createIndex = createEntryIndex
this.escondeBlock = escondeBlock
this.esconde = escondeFolder
this.folderMstr = folderMstr
this.renderOb = drawFolder
this.totalHeight = totalHeight
this.subEntries = folderSubEntries
this.linkHTML = linkFolderHTML
this.blockStartHTML = blockStartHTML
this.blockEndHTML = blockEndHTML
this.nodeImageSrc = nodeImageSrc
this.iconImageSrc = iconImageSrc
this.getID = getID
this.forceOpeningOfAncestorFolders = forceOpeningOfAncestorFolders
}
function initializeFolder(level, lastNode, leftSide)
{
var j=0
var i=0
nc = this.nChildren
this.createIndex()
this.level = level
this.leftSideCoded = leftSide
if (browserVersion == 0 || STARTALLOPEN==1)
this.isOpen=true;
if (level>0)
{
if (lastNode) //the last child in the children array
leftSide = leftSide + "0";
else
leftSide = leftSide + "1";
}
this.isLastNode = lastNode;
if (nc > 0)
{
level = level + 1
for (i=0 ; i < this.nChildren; i++)
{
if (i == this.nChildren-1)
this.children[ i ].initialize(level, 1, leftSide)
else
this.children[ i ].initialize(level, 0, leftSide)
}
}
}
function drawFolder(insertAtObj)
{
var nodeName = ""
var auxEv = ""
var docW = ""
var leftSide = leftSideHTML(this.leftSideCoded)
if(this.getID()>0)
if (browserVersion > 0)
auxEv = ""
else
auxEv = ""
nodeName = this.nodeImageSrc() ;
if (this.level>0)
if (this.isLastNode) //the last child in the children array
leftSide = leftSide + auxEv + "
"
else
leftSide = leftSide + auxEv + "
"
if (browserVersion == 2)
{
if (!doc.yPos)
doc.yPos=20
}
var oRow = this.blockStartHTML("folder");
docW = docW + /* "
" + */ leftSide //+ "";
if (USEICONS)
{
if (!insertAtObj)
docW = docW + auxEv + " "
else
docW = docW + auxEv + "" + " "
}
else
{
if (this.prependHTML == "")
docW = docW + auxEv + " "
}
if (WRAPTEXT)
docW = docW + this.prependHTML
else
docW = docW + this.prependHTML
if (USETEXTLINKS)
{
docW = docW + this.linkHTML(true);
docW = docW + "" + this.desc.substr(0,) + ""
}
else
docW = docW + "" + this.desc.substr(0,) + "";
docW = docW + this.blockEndHTML()
var oCell;
oCell=document.createElement("TD");
oCell.className = '';
oCell.noWrap= 'true';
oCell.innerHTML = "" + this.label + "";
oCell.align= 'right';
oCell=document.createElement("TD");
oCell.className = '';
oCell.noWrap= 'true';
oCell.innerHTML = docW;
oRow.appendChild(oCell);
if (insertAtObj == null)
{
if (supportsDeferral)
{
doc.write("");
insertAtObj = getElById("domRoot")
myInsertAdjacentElement(insertAtObj,"beforeEnd",oRow)
}
else
doc.write(docW)
}
else
{
myInsertAdjacentElement(insertAtObj, "afterEnd", oRow)
}
if (browserVersion == 2)
{
this.navObj = doc.layers["folder"+this.id]
if (USEICONS)
this.iconImg = this.navObj.document.images["folderIcon"+ this.conn_id]
this.nodeImg = this.navObj.document.images["nodeIcon" + this.id]
doc.yPos=doc.yPos+this.navObj.clip.height
}
else if (browserVersion != 0)
{
this.navObj = getElById("folder"+this.conn_id) ;
if (USEICONS)
this.iconImg = getElById("folderIcon"+this.conn_id)
this.nodeImg = getElById("nodeIcon" + this.id)
}
}
function setStateFolder(isOpen)
{
var subEntries
var totalHeight
var fIt = 0
var i=0
var currentOpen
if (isOpen == this.isOpen)
return
this.isOpen = isOpen;
if (this.getID()!=foldersTree.getID() && PERSERVESTATE && !this.isOpen) //closing
{
currentOpen = GetCookie("clickedFolder")
if (currentOpen != null) {
currentOpen = currentOpen.replace(this.getID()+cookieCutter, "")
//alert(currentOpen);
SetCookie("clickedFolder", currentOpen)
}
}
if (!this.isOpen && this.isLastOpenedfolder)
{
lastOpenedFolder = null;
this.isLastOpenedfolder = false;
}
propagateChangesInState(this);
}
function propagateChangesInState(folder)
{
var i=0
if (folder.nChildren > 0 && folder.level > 0) //otherwise the one given at render stays
folder.nodeImg.src = folder.nodeImageSrc()
//Change node
if (USEICONS)
folder.iconImg.src = folder.iconImageSrc()
//Propagate changes
for (i=folder.nChildren-1; i>=0; i--)
if (folder.isOpen)
folder.children[ i ].folderMstr(folder.navObj)
else
folder.children[ i ].esconde();
}
function escondeFolder()
{
this.escondeBlock()
this.setState(0)
}
function linkFolderHTML(isTextLink)
{
var docW = "";
if (this.hreference)
{
if (USEFRAMES)
docW = docW + "0)
docW = docW + ""
}
else
docW = docW + "" ;
if (typeof replaceGWLink != "undefined")
docW = replaceGWLink(docW);
return docW;
}
function addChild(childNode)
{
this.children[this.nChildren] = childNode ;
childNode.parentObj = this
this.nChildren++
return childNode ;
}
function folderSubEntries()
{
var i = 0
var se = this.nChildren
for (i=0; i < this.nChildren; i++){
if (this.children[ i ].children) //is a folder
se = se + this.children[ i ].subEntries()
}
return se ;
}
function nodeImageSrc() {
var srcStr = "";
if (this.isLastNode) //the last child in the children array
{
if (this.nChildren == 0 && this.hasRemoteChild)
srcStr = ICONPATH + "ftv2plastnode.gif"
else if (this.nChildren == 0)
srcStr = ICONPATH + "ftv2lastnode.gif"
else
if (this.isOpen)
srcStr = ICONPATH + "ftv2mlastnode.gif"
else
srcStr = ICONPATH + "ftv2plastnode.gif"
}
else
{
if (this.nChildren == 0 && this.hasRemoteChild)
srcStr = ICONPATH + "ftv2pnode.gif"
else if (this.nChildren == 0)
srcStr = ICONPATH + "ftv2node.gif"
else
if (this.isOpen)
srcStr = ICONPATH + "ftv2mnode.gif"
else
srcStr = ICONPATH + "ftv2pnode.gif"
}
return srcStr;
}
function iconImageSrc() {
if (this.isOpen)
return(this.iconSrc)
else
return(this.iconSrcClosed)
}
function forceOpeningOfAncestorFolders() {
if (this.parentObj == null || this.parentObj.isOpen)
return
else {
this.parentObj.forceOpeningOfAncestorFolders()
clickOnNodeObj(this.parentObj)
}
}
function escondeBlock() {
if (this.navObj.style.display == "none")
return ;
this.navObj.style.display = "none"
}
function folderMstr(domObj)
{
// COCCE2
//if (!this.isRendered)
// FORZO IL RENDERING OGNI VOLTA DA OTTIMIZZARE PER MIGLIORARE LE PRESTAZIONI
this.renderOb(domObj)
/*
else
if (browserVersion == 1 || browserVersion == 3)
// this.navObj.style.display = "block"
this.navObj.style.display = ""
else
this.navObj.visibility = "show"
*/
/*
if (!this.isRendered)
this.renderOb(domObj)
else
if (browserVersion == 1 || browserVersion == 3)
this.navObj.style.display = ""
else
this.navObj.visibility = "show"
*/
}
function blockStartHTML(idprefix) {
var orow = document.createElement("TR");
orow.onMouseOver = colorRow ;
orow.setAttribute("onMouseOver","colorRow(this,true)");
orow.onMouseOut = colorRow ;
orow.setAttribute("onMouseOut","colorRow(this,false)");
//OOO orow.id = "" + idprefix + this.id ;
orow.id = "" + idprefix + this.conn_id ;
orow.visibility = "show" ;
return orow;
}
function blockEndHTML() {
var docW = ""
docW = " |
"
return "";
}
function createEntryIndex()
{
this.id = nEntries
//000 this.conn_id = nEntries
indexOfEntries[ nEntries ] = this
nEntries++
}
// total height of subEntries open
function totalHeight() //used with browserVersion == 2
{
var h = this.navObj.clip.height
var i = 0
if (this.isOpen) //is a folder and _is_ open
for (i=0 ; i < this.nChildren; i++)
h = h + this.children[ i ].totalHeight()
return h
}
function leftSideHTML(leftSideCoded) {
var i;
var retStr = "";
for (i=0; i
"
retStr = retStr + "
"
}
if (leftSideCoded.charAt(i) == "0")
{
//retStr = retStr + " | "
retStr = retStr + "
"
}
}
return retStr
}
function getID()
{
//define a .xID in all nodes (folders and items) if you want to PERVESTATE that
//work when the tree changes. The value eXternal value must be unique for each
//node and must node change when other nodes are added or removed
//The value may be numeric or string, but cannot have the same char used in cookieCutter
if (typeof this.xID != "undefined")
return this.xID
else
return this.id
}
// Events
// *********************************************************
function clickOnFolder(folderId)
{
var clicked = findObj(folderId)
if (!clicked.isOpen) {
clickOnNodeObj(clicked)
}
if (lastOpenedFolder != null && lastOpenedFolder != folderId)
clickOnNode(lastOpenedFolder); //sets lastOpenedFolder to null
if (clicked.nChildren==0) {
lastOpenedFolder = folderId;
clicked.isLastOpenedfolder = true
}
if (isLinked(clicked.hreference)) {
highlightObjLink(clicked);
}
}
function clickOnNode(folderId)
{
clickOnNodeObj( findObj(folderId) )
}
function clickOnNodeObj(folderObj)
{
var state = 0
var currentOpen
state = folderObj.isOpen
if (!state && folderObj.nChildren == 0 && folderObj.level >= maxDepth && folderObj.hasRemoteChild)
{
try
{
loadRemoteNode(folderObj);
}catch(e){}
return;
}
folderObj.setState(!state) //open<->close
if (folderObj.id!=foldersTree.id && PERSERVESTATE)
{
currentOpen = GetCookie("clickedFolder")
if (currentOpen == null)
currentOpen = ""
if (!folderObj.isOpen) //closing
{
currentOpen = currentOpen.replace(folderObj.getID()+cookieCutter, "")
SetCookie("clickedFolder", currentOpen)
}
else
{
SetCookie("clickedFolder", currentOpen+folderObj.getID()+cookieCutter)
}
}
}
function clickOnLink(clickedId, target, windowName) {
highlightObjLink(findObj(clickedId));
}
function laad ()
{
return 1 ;
}
// Auxiliary Functions
// *******************
function findObj(id)
{
var i=0;
var nodeObj;
if (typeof foldersTree.xID != "undefined") {
nodeObj = indexOfEntries[ i ];
for(i=0; i= nEntries){
return null; //example: node removed in DB
}
else {
return indexOfEntries[ id ];
}
}
function isLinked(hrefText) {
var result = true;
result = (result && hrefText !=null);
result = (result && hrefText != '');
result = (result && hrefText.indexOf('undefined') < 0);
result = (result && hrefText.indexOf('parent.op') < 0);
return result;
}
// Do highlighting by changing background and foreg. colors of folder or doc text
function highlightObjLink(nodeObj) {
if (!HIGHLIGHT || nodeObj==null || nodeObj.maySelect==false) {//node deleted in DB
return;
}
if (browserVersion == 1 || browserVersion == 3) {
var clickedDOMObj = getElById('itemTextLink'+nodeObj.id);
if (clickedDOMObj != null) {
if (lastClicked != null) {
var prevClickedDOMObj = getElById('itemTextLink'+lastClicked.id);
prevClickedDOMObj.style.color=lastClickedColor;
prevClickedDOMObj.style.backgroundColor=lastClickedBgColor;
}
lastClickedColor = clickedDOMObj.style.color;
lastClickedBgColor = clickedDOMObj.style.backgroundColor;
clickedDOMObj.style.color=HIGHLIGHT_COLOR;
clickedDOMObj.style.backgroundColor=HIGHLIGHT_BG;
}
}
lastClicked = nodeObj;
if (PERSERVESTATE)
{
SetCookie('highlightedTreeviewLink', nodeObj.getID());
}
}
function gFld(description, onClickData , idlevel , masterid , hasRemoteChild)
{
folder = new Folder(description, "javascript:void(0);" , onClickData , "", idlevel, masterid, hasRemoteChild );
return folder;
}
function insFld(parentFolder, childFolder)
{
return parentFolder.addChild(childFolder);
}
function preLoadIcons() {
var auxImg
auxImg = new Image();
auxImg.src = ICONPATH + "ftv2vertline.gif";
auxImg.src = ICONPATH + "ftv2mlastnode.gif";
auxImg.src = ICONPATH + "ftv2mnode.gif";
auxImg.src = ICONPATH + "ftv2plastnode.gif";
auxImg.src = ICONPATH + "ftv2pnode.gif";
auxImg.src = ICONPATH + "ftv2blank.gif";
auxImg.src = ICONPATH + "ftv2lastnode.gif";
auxImg.src = ICONPATH + "ftv2node.gif";
auxImg.src = ICONPATH + "ftv2folderclosed.gif";
auxImg.src = ICONPATH + "ftv2folderopen.gif";
auxImg.src = ICONPATH + "page.gif";
}
//Open some folders for initial layout, if necessary
function setInitialLayout() {
if (browserVersion > 0 && !STARTALLOPEN)
clickOnNodeObj(foldersTree);
if (!STARTALLOPEN && (browserVersion > 0) && PERSERVESTATE)
PersistentFolderOpening();
}
//Used with NS4 and STARTALLOPEN
function renderAllTree(nodeObj, parent) {
var i=0;
nodeObj.renderOb(parent)
if (supportsDeferral)
for (i=nodeObj.nChildren-1; i>=0; i--)
renderAllTree(nodeObj.children[ i ], nodeObj.navObj)
else
for (i=0 ; i < nodeObj.nChildren; i++)
renderAllTree(nodeObj.children[ i ], null)
}
function hideWholeTree(nodeObj, hideThisOne, nodeObjMove) {
var i=0;
var heightContained=0;
var childrenMove=nodeObjMove;
if (hideThisOne)
nodeObj.escondeBlock()
if (browserVersion == 2)
nodeObj.navObj.moveBy(0, 0-nodeObjMove)
for (i=0 ; i < nodeObj.nChildren; i++) {
heightContainedInChild = hideWholeTree(nodeObj.children[ i ], true, childrenMove)
if (browserVersion == 2) {
heightContained = heightContained + heightContainedInChild + nodeObj.children[ i ].navObj.clip.height
childrenMove = childrenMove + heightContainedInChild
}
}
return heightContained;
}
// Simulating inserAdjacentHTML on NS6
// Code by thor@jscript.dk
// ******************************************
if(typeof HTMLElement!="undefined" && !HTMLElement.prototype.insertAdjacentElement){
// alert("Ridefinizione di insertAdjacentXXX")
HTMLElement.prototype.insertAdjacentElement = function (where,parsedNode)
{
switch (where){
case 'beforeBegin':
this.parentNode.insertBefore(parsedNode,this)
break;
case 'afterBegin':
this.insertBefore(parsedNode,this.firstChild);
break;
case 'beforeEnd':
this.appendChild(parsedNode);
break;
case 'afterEnd':
if (this.nextSibling)
this.parentNode.insertBefore(parsedNode,this.nextSibling);
else this.parentNode.appendChild(parsedNode);
break;
}
}
HTMLElement.prototype.insertAdjacentHTML = function(where,htmlStr)
{
var r = this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML = r.createContextualFragment(htmlStr);
this.insertAdjacentElement(where,parsedHTML)
}
}
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
function myInsertAdjacentElement(obj,where,parsedNode)
{
//alert( obj.id );
switch (where){
case 'beforeBegin':
obj.parentNode.insertBefore(parsedNode,obj)
break;
case 'afterBegin':
obj.insertBefore(parsedNode,obj.firstChild);
break;
case 'beforeEnd':
obj.appendChild(parsedNode);
break;
case 'afterEnd':
if (obj.nextSibling)
obj.parentNode.insertBefore(parsedNode,obj.nextSibling);
else obj.parentNode.appendChild(parsedNode);
break;
}
}
function myInsertAdjacentHTML(obj,where,htmlStr)
{
var r = obj.ownerDocument.createRange();
r.setStartBefore(obj);
var parsedHTML = r.createContextualFragment(htmlStr);
obj.insertAdjacentElement(where,parsedHTML)
}
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
function getElById(idVal) {
if (document.getElementById != null)
return document.getElementById(idVal)
if (document.all != null)
return document.all[ idVal ]
alert("Problem getting element by id")
return null
}
// Functions for cookies
// Note: THESE FUNCTIONS ARE OPTIONAL. No cookies are used unless
// the PERSERVESTATE variable is set to 1 (default 0)
// The separator currently in use is ^ (chr 94)
// ***********************************************************
function PersistentFolderOpening()
{
var stateInCookie;
var fldStr=""
var fldArr
var fldPos=0
var id
var nodeObj
stateInCookie = GetCookie("clickedFolder");
SetCookie('clickedFolder', '') //at the end of function it will be back, minus null cases
if(stateInCookie!=null)
{
fldArr = stateInCookie.split(cookieCutter)
for (fldPos=0; fldPos 2) ? argv[2] : null;
//var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
var path = "/"; //allows the tree to remain open across pages with diff names & paths
name = CookieBranding(name)
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function ExpireCookie (name)
{
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
name = CookieBranding(name)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
//To customize the tree, overwrite these variables in the configuration file (demoFramesetNode.js, etc.)
var USEFRAMES = 0
var USEICONS = 1
var WRAPTEXT = 0
var USETEXTLINKS = 1
var STARTALLOPEN = 0
var HIGHLIGHT = 0
var PERSERVESTATE = 1;
var ICONPATH = '/imgs/' ;var HIGHLIGHT = 0
var HIGHLIGHT_COLOR = 'white';
var HIGHLIGHT_BG = 'blue';
var BUILDALL = 0
//Other variables
var lastClicked = null;
var lastClickedColor;
var lastClickedBgColor;
var indexOfEntries = new Array
var nEntries = 0
var browserVersion = 0
var selectedFolder=0
var lastOpenedFolder=null
var t=5
var doc = document
var supportsDeferral = false
var cookieCutter = '^' //You can change this if you need to use ^ in your xID or treeID values
doc.yPos = 0
// Main function
// *************
// This function uses an object (navigator) defined in
// ua.js, imported in the main html page (left frame).
function initializeDocument()
{
preLoadIcons();
switch(navigator.family)
{
case 'ie4':
browserVersion = 1 //Simply means IE > 3.x
break;
case 'opera':
browserVersion = (navigator.version > 6 ? 1 : 0); //opera7 has a good DOM
break;
case 'nn4':
browserVersion = 2 //NS4.x
break;
case 'gecko':
browserVersion = 3 //NS6.x
break;
case 'safari': Agenda
browserVersion = 1 //Safari Beta 3 seems to behave like IE in spite of being based on Konkeror
break;
default:
browserVersion = 0 //other, possibly without DHTML
break;
}
supportsDeferral = ((navigator.family=='ie4' && navigator.version >= 5 && navigator.OS != "mac") || browserVersion == 3);
supportsDeferral = supportsDeferral & (!BUILDALL)
if (!USEFRAMES && browserVersion == 2)
browserVersion = 0;
//If PERSERVESTATE is on, STARTALLOPEN can only be effective the first time the page
//loads during the session. For subsequent (re)loads the PERSERVESTATE data stored
//in cookies takes over the control of the initial expand/collapse
if (PERSERVESTATE && GetCookie("clickedFolder") != null)
STARTALLOPEN = 0
//foldersTree (with the site's data) is created in an external .js (demoFramesetNode.js, for example)
foldersTree.initialize(0, true, "")
if (supportsDeferral && !STARTALLOPEN)
foldersTree.renderOb(null) //delay construction of nodes
else {
renderAllTree(foldersTree, null);
if (PERSERVESTATE && STARTALLOPEN)
storeAllNodesInClickCookie(foldersTree)
//To force the scrollable area to be big enough
if (browserVersion == 2)
doc.write(" ")
if (browserVersion != 0 && !STARTALLOPEN)
hideWholeTree(foldersTree, false, 0)
}
var oRowTmp = document.createElement("TR");
oRowTmp.className = 'esy_tabtreeh';
var oCellTmp;
oCellTmp=document.createElement("TD");
oCellTmp.setAttribute('class','tit');
oCellTmp.className = "";
oCellTmp.noWrap= 'true';
oCellTmp.innerHTML = "" + " Catalogo";
oRowTmp.appendChild(oCellTmp);
insertAtObj = getElById("headRoot")
setInitialLayout()
if (PERSERVESTATE && GetCookie('highlightedTreeviewLink')!=null && GetCookie('highlightedTreeviewLink')!="") {
var nodeObj = findObj(GetCookie('highlightedTreeviewLink'))
if (nodeObj!=null){
nodeObj.forceOpeningOfAncestorFolders()
highlightObjLink(nodeObj);
}
else
SetCookie('highlightedTreeviewLink', '')
}
}