asked on

cfwindow, cftree and cfajaximport

Hi,
I am trying to open a cfwindow and wants to use the cftree tag on it to open the new page using link and closing the cfwindow on same click. I also want to do some font size and background color on cfwindow. My page 1 code is as under for it. is there anyway to change the mouse icon to hand instead of pointer.

<cfwindow />

Open in new window

color and body style in cfwindow

bodyStyle="font-family: verdana; color: ##000000;font-size:15px;font-weight:bold;" headerStyle="font-family: verdana; background-color:##CC0033; color: white"

Open in new window

code that creates cfwindow

<img src="assets/images/administrator.png" width="134" height="142" alt="Administration" title="Administration" onClick="ColdFusion.Window.create('adminwindow', 'Administration','smile1.cfm',{x:100,y:100,height:300,width:400,modal:true,closable:true,draggable:true,resizable:true,center:true})"/>

Open in new window

when i click on image it brings the cfwindow and ask for cfajaximport which i'm already using it but error is keep popping up. On second page I want so use the link to go to particular page and close the cfwindow.

my second page code is as under:

<cfajaximport tags="cfform, cftree, cftreeitem" />
<cfform name="form">
         <cftree name = "mytree" >
         <cftreeitem display="Naviagtion" value="root" >
            
         <cftreeitem value="a" parent="root" display="a" href="javascript:window.open('sp_AdministratorNewUser.cfm', '_self'); ColdFusion.Window.hide('adminwindow');">
                  <cftreeitem value="b" parent="root" display="b" href="javascript:window.open('sp_AdministratorNewUser.cfm', '_self'); ColdFusion.Window.hide('adminwindow');">
                           <cftreeitem value="c" parent="root" display="c" href="javascript:window.open('sp_AdministratorNewUser.cfm', '_self'); ColdFusion.Window.hide('adminwindow');">
            
         </cftree>
      </cfform>

Open in new window

any help, comment and feedback would be deeply appreciated.

Pravin Asar

Here is a simple but comprehensive example.

<cfajaximport tags="cfform">
<cfajaximport tags="cfwindow">
<cfajaximport tags="cfgrid">
<cfajaximport tags="cftree">

<script>
function ShowWindow() {
	ColdFusion.Window.show('TreeWindow');
}
function HideWindow(url) {
	window.location.href=url;
	ColdFusion.Window.hide('TreeWindow');
}

</script>

<cfform name="f1">
<cfinput type="button" name="b1" value="Show Window" onclick="ShowWindow()"/>
</cfform>

<cfwindow name="TreeWindow"  modal="false" initshow="false" resizable="false"
  title="Tree Window">
<cfform format="html"  name="treeform">
<cftree format="html" name="t1">
<cftreeitem value="1" display="Goto Yahoo" href="javascript:HideWindow('http://www.yahoo.com');"  parent="0"/>
<cftreeitem value="2" display="Tree Item 2" parent="0"/>
<cftreeitem value="11" display="Tree Item 11" parent="1"/>
<cftreeitem value="12" display="Tree Item 12" parent="1"/>
<cftreeitem value="21" display="Tree Item 21" parent="2"/>
<cftreeitem value="22" display="Tree Item 22" parent="2"/>
<cftreeitem value="23" display="Tree Item 23" parent="2"/>
<cftreeitem value="24" display="Tree Item 24" parent="2"/>
</cftree>
</cfform>
</cfwindow>

Open in new window

s_hausen

ASKER

First of all, very sorry for late response. Secondly I do appreciate your help and solution but I have one little problem, I've multiple buttons and every button needs to bring the diffrent tree. I need to session or any other variable to distinguish between trees. Is there a way I can define the session in onclick attribute. or is there a way I can use two pages to accomplish this task. One to show the buttons and second to bring the tree according to the variable value..

ASKER CERTIFIED SOLUTION

Pravin Asar

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

s_hausen

ASKER

i didn't get the exact solution what i was looking for..