";
for (i=0; i 0) {
// only fetch its value if it actually has a child text node, throws an error otherwise
thisTitle = thisNode.firstChild.nodeValue;
}
}
if (thisNode.nodeName == tree.itemBodyNodeName) {
if (thisNode.childNodes.length > 0) {
// only fetch its value if it actually has a child text node, throws an error otherwise
thisBody = thisNode.firstChild.nodeValue;
}
}
}
// if custom presentation of the body is required, call that now
if (tree.customBodyHandler) {
thisBody = customFormat(thisBody);
}
if ((i % 2) == 0) { // use alternating row 'class'es
rowClass = 'treeRowEven';
} else { rowClass = 'treeRowOdd'; }
// now spit out the HTML for this row embedding lots of unique ID's based on this itemID
// so we can reference the elements from elsewhere
var treeThisDisplayState = 'hidden';
if (! tree.collapseOnLoad) {
treeThisDisplayState = 'visible';
}
treeContent = treeContent + "
";
return treeContent;
}
/**
* Toggles whether we want to allow users to expand more than one note
* at a time or not. If in 'true' toggle state will collapse the last
* openened note before expanding the selected one.
*/
tree.toggleCloseBeforeOpen = function () {
var modeCheckbox = utils.getByID('closeb4open');
if (tree.collapseOthersOnExpand == false) {
tree.collapseOthersOnExpand = true;
modeCheckbox.checked = 'checked';
} else {
tree.collapseOthersOnExpand = false;
modeCheckbox.checked = '';
}
}
/**
* Iterates through all 'treeItem's and makes a call to toggleItem() to
* expand the container DIV
*/
tree.expandAll = function() {
if (tree.allExpanded == true) {return; }
var x=document.getElementsByTagName("div")
for(i = 1; i < x.length; i++) {
var thisDiv = x[i];
var thisIDattrib = thisDiv.getAttribute("id");
if (thisIDattrib != null) { // in case div doesnt have an id attrib
var thisID = thisIDattrib.toString();
if (thisID.indexOf("treeItem.") == '0') { // will be zero if matches on 1st char of id
var thisIDPart = thisID.substr(9);
tree.toggleItem(thisIDPart, 'expand', 'all');
}
}
}
tree.allExpanded = true;
}
/**
* Iterates through all 'treeItem's and makes a call to toggleItem() to
* collapse the container div
*/
tree.collapseAll = function() {
//if (tree.allCollapsed == true) { return; }
var x=document.getElementsByTagName("div")
for(i = 1; i < x.length; i++) {
var thisDiv = x[i];
var thisIDattrib = thisDiv.getAttribute("id");
if (thisIDattrib != null) {
var thisID = thisIDattrib.toString();
if (thisID.indexOf("treeItem.") == '0') { // will be zero if matches on 1st char of id
var thisIDPart = thisID.substr(9);
tree.toggleItem(thisIDPart, 'collapse', 'all');
}
}
}
tree.allCollapsed = true;
}
/**
* Locates a container treeItem div based on the passed itemid and expands it or
* collapses it depending on the mode paramater by changing the div's style.visibility
* and style.display attributes
* @param {String} itemid ID of the element we want to toggle
* @param {String} mode One of 'collapse' or 'expand'
*/
tree.toggleItem = function (itemid, mode, allOrOne ) {
//alert('asked to toggle' + itemid);
var thisItem = utils.getByID('treeItem.'+itemid);
var aimg;
var atitle;
//alert('ex last = ' + tree.lastExpandedID);
tree.allCollapsed = false; tree.allExpanded = false;
if( tree.editing == true && tree.editingItemID == itemid ) {
// dont want to collapse if we're actually editing this item
if (mode != 'expand' && allOrOne != 'all' ) {
//alert('Cant collapse this item until you close the edit box');
}
return;
}
if( mode=='expand' || ((thisItem.style.display=="none") && (mode != 'collapse')) ) {
// we're in EXPAND mode
// if we're NOT in expand-all mode but we ARE in collapse-before-expand mode
if ((allOrOne != 'all') && (tree.collapseOthersOnExpand == true)) {
if ((tree.lastExpandedID != '') && (tree.lastExpandedID != itemid)) {
tree.toggleItem(tree.lastExpandedID, 'collapse'); // collapse the last div we expanded, ie only show one
}
tree.lastExpandedID = itemid;
}
thisItem.style.display="block";
thisItem.style.visibility="visible";
aimg = tree.resourcesURL + '/' + tree.collapseImage;
atitle = "Collapse";
} else {
// we're in COLLAPSE mode
if (allOrOne == 'all') {
tree.lastExpandedID = ''; // dont need to collapse ones self
}
if (tree.lastExpandedID == itemid) {
tree.lastExpandedID = ''; // dont need to collapse ones self
}
thisItem.style.display="none";
thisItem.style.visibility="hidden";
aimg = tree.resourcesURL + '/' + tree.expandImage;
atitle = "Expand";
}
thisImage = utils.getByID( 'itemimg.'+itemid );
if (thisImage.style.visibility=="hidden") {
thisImage.style.visibility="visible";
}
thisImage.src = aimg;
thisImage = utils.getByID( 'itemanchor.'+itemid );
thisImage.title = atitle;
tree.lastEditedID = itemid;
}
/**
* Called when a user doubleClicks a text element to edit it. Finds the
* parent SPAN tag for the element and replaces its content with a TEXTAREA
* and a close BUTTON
* @param {Object} obj - the text element clicked on
*/
tree.edit = function (obj) {
if (tree.editing) {
alert('You must close the currently edited item');
return;
}
if (!document.getElementById || !document.createElement) return;
while (obj.nodeType != 1) { // only want elements (not text nodes etc)
obj = obj.parentNode;
}
if (obj.tagName == 'TEXTAREA' || obj.tagName == 'A') return;
// move outwards from the DOM postion till we find the DIV container
while (obj.nodeName != 'DIV' && obj.nodeName != 'HTML') {
obj = obj.parentNode;
}
if (obj.nodeName == 'HTML') return; // if we got this far theres someit wrong so return
var itemEditTitle = document.createElement('INPUT');
// find the item 'id' for this DIV
for( var x = 0; x < obj.attributes.length; x++ ) {
if( obj.attributes[x].nodeName.toLowerCase() == 'id' ) {
tree.editingItemID = obj.attributes[x].nodeValue.substr(9);
var itemTitle = utils.getByID('itemTitle.' + tree.editingItemID);
itemEditTitle.value=itemTitle.innerHTML;
itemEditTitle.id='editableTitle.' + tree.editingItemID;
}
}
var thisBody = getNodeTextByID(tree.treeNodes, tree.itemBodyNodeName, tree.editingItemID);
tree.lastEditedBodyValue = thisBody;
//alert("id=" + thisBody);
var itemBody = thisBody;
//var itemBody = obj.innerHTML;
var itemEditBody = document.createElement('TEXTAREA');
itemEditBody.rows=tree.editAreaRows;
itemEditBody.cols=tree.editAreaCols;
itemEditBody.maxlenth=100;
itemEditBody.id='editableTextarea.' + tree.editingItemID;
var itemContainer = obj.parentNode;
itemContainer.insertBefore(itemEditTitle,obj);
itemContainer.insertBefore(lineBreak,obj);
itemContainer.insertBefore(itemEditBody,obj);
itemContainer.insertBefore(lineBreak2,obj);
itemContainer.insertBefore(butt,obj);
itemContainer.removeChild(obj);
itemEditBody.value = itemBody;
itemEditBody.focus();
tree.editing = true;
}
/**
* Called when user clicks on Close BUTTON after editing a notes text.
* Updates the original text element for the note with the TEXTAREA's
* new value then deletes the TEXTAREA and BUTTON
*/
function tree_saveEdit() {
var itemEditBodyElement = utils.getByID('editableTextarea.' + tree.editingItemID);
var itemEditBody = itemEditBodyElement.value;
saveItemNodeValue(tree.treeNodes, tree.itemBodyNodeName, tree.editingItemID, itemEditBody); // update the DOM element for this item's body
if (tree.stripHTMLOnSave == true) { itemEditBody = itemEditBody.replace(/(<([^>]+)>)/ig,""); }
if (tree.escapeHTMLOnSave == true) {
itemEditBody = itemEditBody.replace(//g, '>');
}
var itemEditBodyRendered = itemEditBody;
// if custom presentation of the body is required, call that now
if (tree.customBodyHandler) {
itemEditBodyRendered = customFormat(itemEditBody);
}
var itemEditTitle = utils.getByID('editableTitle.' + tree.editingItemID);
var itemTitle = utils.getByID('itemTitle.' + tree.editingItemID);
itemTitleBody = itemEditTitle.value;
itemTitle.innerHTML = itemTitleBody;
saveItemNodeValue(tree.treeNodes, tree.itemTitleNodeName, tree.editingItemID, itemTitleBody); // update the DOM element for this item's title
var itemContainer = itemEditBodyElement.parentNode;
var itemBody = document.createElement('span');
itemBody.innerHTML = "";
if (tree.showIcons) {
treeContent = treeContent + "" +
"![](" + tree.resourcesURL + )
";
}
treeContent = treeContent + "" +
"
";
}
treeContent = treeContent + "" + thisTitle + "
" + "" +
"
" +
"" + thisBody +
"
" +
"" +
itemEditBodyRendered + '
';
itemContainer.insertBefore(itemBody,itemEditBodyElement);
itemContainer.removeChild(itemEditBodyElement);
itemContainer.removeChild(itemEditTitle);
var lineBreak = utils.getByID('itemLineBreak1');
itemContainer.removeChild(lineBreak);
lineBreak = utils.getByID('itemLineBreak2');
itemContainer.removeChild(lineBreak);
var button = utils.getByID('treeSave');
itemContainer.removeChild(button);
tree.editing = false;
if (tree.lastEditedBodyValue != itemEditBody) {
var saveNote = confirm('The note has changed, do you want to save?');
if (saveNote) {
asynchMsgStatusUpdate('Saving...');
utils.doAsynchRequest('POST', navLastWord + '.xml', tree.XmlDoc.documentElement);
}
}
tree.editingItemID = '';
tree.lastEditedBodyValue = '';
//confirm('Save?');
}