<!--- ======== cfsavecontent hack: pre ColdFusion MX7 Updater ======= --->
<cfsavecontent variable="makeRowClickable">
/*
By default you can only click on the arrow of a cftree (flash format) to open
or close it. This script enables you to click not just on the arrow, but also
on the folder icon or, in fact, anywhere on the whole row, to open or close an
item.
*/
var theTree=treeObj;
var thisNode=theTree.selectedNode;
var idx = theTree.getDisplayIndex(thisNode);
if (theTree.getIsOpen(thisNode)){
theTree.setIsOpen(thisNode,false);
}
else {
theTree.setIsOpen(thisNode,true);
}
thisNode=theTree.getNodeDisplayedAt(idx);
</cfsavecontent>
<cfform name="treeClickForm" action="#cgi.script_name#" format="Flash">
<cftree name="treeObj" format="object" hscroll="No" vscroll="No" border="No"
onchange="#makeRowClickable#" >
<cftreeitem value="Divisions">
<cftreeitem value="Development"
parent="Divisions" img="folder">
<cftreeitem value="Product One"
parent="Development" img="document">
<cftreeitem value="Product Two"
parent="Development">
<cftreeitem value="GUI"
parent="Product Two" img="document">
<cftreeitem value="Kernel"
parent="Product Two" img="document">
<cftreeitem value="Product Three"
parent="Development" img="document">
<cftreeitem value="QA"
parent="Divisions" img="folder">
<cftreeitem value="Product One"
parent="QA" img="document">
<cftreeitem value="Product Two"
parent="QA" img="document">
<cftreeitem value="Product Three"
parent="QA" img="document">
<cftreeitem value="Support"
parent="Divisions" img="fixed">
<cftreeitem value="Product Two"
parent="Support" img="document">
<cftreeitem value="Sales"
parent="Divisions" img="computer">
<cftreeitem value="Marketing"
parent="Divisions" img="remote">
<cftreeitem value="Finance"
parent="Divisions" img="element">
</cftree>
<!--- <cfinput name="sbmt" type="Submit" value="submit"> --->
</cfform>
<!--- ===== cfformitem version: for ColdFusion MX7 Updater or newer ===== --->
<cfform name="treeClickForm" action="#cgi.script_name#" format="Flash">
<cfformitem type="script">
function makeRowClickable () {
/*
By default you can only click on the arrow of a cftree (flash format) to
open or close it. This script enables you to click not just on the arrow, but
also on the folder icon or, in fact, anywhere on the whole row, to open or
close an item.
*/
var theTree = treeObj;
var thisNode=theTree.selectedNode;
var idx = theTree.getDisplayIndex(thisNode);
if (theTree.getIsOpen(thisNode)){
theTree.setIsOpen(thisNode,false);
}
else {
theTree.setIsOpen(thisNode,true);
}
thisNode=theTree.getNodeDisplayedAt(idx);
}
</cfformitem>
<cftree name="treeObj" format="object" hscroll="No" vscroll="No" border="No"
onchange="makeRowClickable()" >
<cftreeitem value="Divisions">
<cftreeitem value="Development"
parent="Divisions" img="folder">
<cftreeitem value="Product One"
parent="Development" img="document">
<cftreeitem value="Product Two"
parent="Development">
<cftreeitem value="GUI"
parent="Product Two" img="document">
<cftreeitem value="Kernel"
parent="Product Two" img="document">
<cftreeitem value="Product Three"
parent="Development" img="document">
<cftreeitem value="QA"
parent="Divisions" img="folder">
<cftreeitem value="Product One"
parent="QA" img="document">
<cftreeitem value="Product Two"
parent="QA" img="document">
<cftreeitem value="Product Three"
parent="QA" img="document">
<cftreeitem value="Support"
parent="Divisions" img="fixed">
<cftreeitem value="Product Two"
parent="Support" img="document">
<cftreeitem value="Sales"
parent="Divisions" img="computer">
<cftreeitem value="Marketing"
parent="Divisions" img="remote">
<cftreeitem value="Finance"
parent="Divisions" img="element">
</cftree>
<!--- <cfinput name="sbmt" type="Submit" value="submit"> --->
</cfform>
Thanks,
Allan
From http://www.developmentnow.com/g/66_2007_3_0_0_942739/cftree-flash-format.htm
Posted via DevelopmentNow.com Groups
http://www.developmentnow.com/g/