Adobe Community : Popular Discussions - Rich Forms

cfinput type=datefield not working in some browsers

forums_noreply@adobe.com — Tue, 02 Oct 2012 15:02:04 GMT

I'm using Cold Fusion 9 and have a form that is working fine in IE8 and Safari on my desktop, and is not working one someone's laptop and it doesn't work on my iPad.

When I say doesn't work, the box is still there for the date and you can enter it manually, but instead of that nice date picker, there is a box with a question mark in it.

I've checked my iPad (safari) and it says that javascript is on. Based on other message threads I've added ids to the fields (no change) and added name and id and format to the cfform tag (no change).

The form is online and live here:

https://www.ute-sei.org/forms/rvp-staff-expenseclaim.cfm

I'm missing something, but I don't know what.

Thanks.

Sue

Using CFINPUT dateField with onChange

forums_noreply@adobe.com — Fri, 29 Sep 2006 12:28:08 GMT

I imagine this is easy, but have tried to search here as well as Google it and have come up empty.

I have a CFINPUT dateField control that is OK when my form loads, but then I want the control to capture a new date selection from the user and update the form. I believe the onChange event is used to process this, but I don't know how to code it so that it will refresh the form using the new date and keep the user's date selection.

How can I remove the pagination controls in but leave the delete button

forums_noreply@adobe.com — Tue, 28 May 2013 14:12:18 GMT

I have a <cfgrid> (coldfusion 8) and I am trying to remove the pagination controls (There will only ever be 1 page) but leave the delete button.

Or alternatively, remove the footer (which I figured out how to do) and add the delete button to each row.

(And yes I need the grid)

I've tried overriding the CSS both with a <style> tag on the page and Ive also tried using a function calleled on load to change the disply to none (which works in firebug when I manually do it)

Neither seem to work. I;ve searched all over and tried various things, but nothing seems to accomplish waht I need. Any help would be most appreciated.

****Code***********

<cfajaxproxy

cfc = "AddSelectedOptions"

jsclassname = "AddSelectedOptions">

<html>

<head>

var cfc = new AddSelectedOptions();

//cfc.setErrorHandler(showError);

cfc.setCallbackHandler(handleResult);

function showWin(){

alert('Button 1 works!!! :-)');

}

function showWin2(){

alert('Button 2 works!!! :-)');

}

function delSelected()

{

var selectedRecord = grid.getSelections();

var delID = selectedRecord[0].data.ID;

if(confirm('Delete User : ' + selectedRecord[0].data.FIRSTNAME))

{

cfc.delSelectedCats(delID);

};

}

function AddSelected(SessionId)

{

var Cat = document.getElementById("SelCategory");

var CatSelIndex =Cat.selectedIndex;

var CatId = Cat.options[CatSelIndex].value;

var SubCat = document.getElementById("SelSubCat");

var SubCatSelIndex =SubCat.selectedIndex;

var SubCatId = SubCat.options[SubCatSelIndex].value

cfc.AddSelectedOptions(CatId,SubCatId ,SessionId);

}

function handleResult(res)

{

ColdFusion.Grid.refresh('SelectedCategories',false);

}

var gridRender = function()

{

grid = ColdFusion.Grid.getGridObject('SelectedCategories'); //Get grid object

//overwrite existing grid footer with new div, Ext.id() will assign unique id to footer

var bbar = Ext.DomHelper.overwrite(grid.bbar,{tag:'div',id:Ext.id()},true);

//Create new PaginToolbar and render it to bbar (grid footer)

gbbar = new Ext.PagingToolbar({

renderTo:bbar,

store: grid.store,

pageSize: 10,

displayInfo: true,

displayMsg: '<b>Showing {0} - {1} out of {2}</b>',

emptyMsg: "<b>No Record</b>"

});

};

</script>

#ext-gen67{Display:None;visibility:hidden;};

#ext-gen59{Display:None;visibility:hidden;};

#ext-gen75{Display:None;visibility:hidden;};

#ext-gen76{Display:None;visibility:hidden;};

#ext-gen79{Display:None;visibility:hidden;};

</style>

</head>

<body>

Select Category and Subcategory

<table>

<tr>

<th>Category</th><td colspan="2">

<cfselect name="SelCategory"

bind="cfc:AddIncident.Categories()"

bindonload="true"

id="SelCategory"

class="field_150"

style="width:150px;"/>

</td>

<th>SubCategory</th>

<cfselect name="SelSubCat"

bind="cfc:AddIncident.SubCategories({SelCategory})"

bindonload="true"

class="field_150"

id="SelSubCat"

onChange="AddSelected('999');"/>

</td>

</tr>

</table>

<h4>Click on a row and select delete to remove.. will figure out how to add a delete button to each row</h4>

<cfgrid

name = "SelectedCategories"

format="html"

bindOnLoad="yes"

bind="cfc:SelectedOptions.getSlectedGrid({cfgridpage},{cfgridpagesize},{cfgridsortcolumn}, {cfgridsortdirection},'999')"

preservePageOnSort="true"

selectmode="edit"

delete="yes"

DeleteButton="Delete"

selectOnLoad="no"

font="Verdana"

fontsize="11"

label="True"

stripeRows="true"

stripeRowColor="##D9CCFF"

selectColor="##994FE6"

pagesize="5"

onChange="cfc:AddSelectedOptions.delSelectedCats({cfgridaction},{cfgridrow},{cfgridchanged })"

</cfgrid>

</cfform>

Dynamic Form Builder

forums_noreply@adobe.com — Wed, 26 Mar 2008 19:34:29 GMT

We are a company that has been building ColdFusion apps and content managements systems since v3.1. That said, I am (and have been for the last 2 years) in desperate need for a good “dynamic form builder”. I was hoping the Adobe would incorporate something like this into v8 (with the acquisition of Interakt), but it never seemed to happen.

Basically, I need an open-source module that I can integrate into a non-profit application that we’re working on. We need to give our users (about 3,000) the ability to create their own forms (for event registration, contact submissions, donations, etc.) and have the data stored dynamically into a SQL Server database. Additionally, some sort of reporting and payment option integration would be nice as well.

Does anyone know anything out there like this that exists? I've seen lots of great apps out there (like JotForm, etc.), but I can't seem to find a good ColdFusion one that I can use in my application. I am more than willing to pay for it.

Thank you in advance.

Sincerely,
Ray

Master cfgrid - detail form fields

forums_noreply@adobe.com — Sat, 17 May 2008 18:19:15 GMT

I have a cfgrid that uses data binding to display master (summary) data. I want the user to be able to select one of the rows in the datagrid and not only have the summary data show in form fields below the grid (that works well so far), but I want to pass the hidden keyfield to a cfc in order to run a single record query for the detail data and show that as well on the fly. I used a cfinvoke to pass the key field to a cfc, returning a query recordset and display the detailed fields in the form. All is working if I hardcode the keyfield integer (diadocumentkey) and I can even display the keyfield in the form below, but I have tried many variations trying to get the selected record keyfield value for use in the cfinvoke of the cfc without success. Is this not possible? Is there another way? I tested bringing all the fields over to the datagrid, but since the number of records possible is very large, there is a big performance hit. Some users will read and some will be able to edit and delete the record. My JavaScript is weak, so perhaps there is a way using it. Here's some snippets of the code:

...
<cfform name="frmSearchGrid" id="frmSearchGrid" format="html" method="post" >
...
<cfgrid name="searchGrid"
bindonload="true"
format="html"
pagesize="#intShowRows#"
preservePageOnSort="true"
bind="cfc:#strcomponentpath#readdiadocumentgrid({cfgridpage},{cfgridpagesize},{cfgridsort column},{cfgridsortdirection},{frmSearchGrid:strsearchdb},{frmSearchGrid:strsearchmetadata },{frmSearchGrid:dtedateRangeFrom},{frmSearchGrid:dtedateRangeTo})">
<cfgridcolumn name="diadocumentkey" header="diadocumentkey" display="false" />
<cfgridcolumn name="diadocno" header="docno" width="70" />
<cfgridcolumn name="diadeliverydate" header="doc date" width="75" />
<cfgridcolumn name="diadocsubject" header="subject" width="238" />
</cfgrid>
...
Key:<cfinput type="text" name="readdiadocumentkey" id="readdiadocumentkey" readonly="True" label="Key:" required="No" bind="{searchGrid.diadocumentkey}" style="width:70px" disabled="true" />
...
<cfinvoke component="MwsComponents/DocumentImaging/diaDAO" method="readdiadocumentdetail" returnvariable="rstDetailRecord" >

<cfinvokeargument name="intdiadocumentkey" value="193">
<cfinvokeargument name="strsearchdb" value="DocumentImaging" />













</cfinvoke>
Doc. Sequence:<cfinput type="text" name="editdiaseq" readonly="True" disabled="true" label="Document Sequence:" required="No" value="#rstDetailRecord.diaseq#" style="width:30px" />
</cfform>

"Please Wait Message" Slider with cfgrid

forums_noreply@adobe.com — Tue, 03 Jun 2008 20:36:00 GMT

Some of my cfgrid type=html results are taking a long time and an impatient user will likely wander if they need to hit the submit button again. I've seen how to implement a standard "Please Wait Message" with flushing periodic results, but how do I do it in this datagrid environment with an AJAX-based cfgrid with CF8.01? My users all use IE 6.

CFFORM inside CFWINDOW (target)

forums_noreply@adobe.com — Fri, 19 Nov 2010 11:45:18 GMT

I have a cfform inside a cfwindow, so when i submit it, the cfwindow content reloads.

However, if I used a traditional html <form> inside the window it would reload the whole page.

What I want is using cfform (beacuse of the validation goodies) but keeping reloading the whole page.

How can I do?

IT'S IMPORTANT, PLEASE!

CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 13 Feb 2009 11:09:41 GMT

This has never happened to me: something actually works in IE and NOT in FF!

Current version of FF is 3.06. The CFdatefield input does not function in any Mozilla-based browser and throws a Javascript error: Error: "_f is undefined"
"Source File: http://localhost:8500/CFIDE/scripts/ajax/package/cfcalendar.js"

This points to a line in the JS:

"ColdFusion.Calendar.setUpCalendar=function(_6,_7,_8,_9,_a,_b,_c){
var _d=ColdFusion.DOM.getElement(_6+_b+"_cf_button",_b);
var _e=ColdFusion.DOM.getElement(_6,_b);
var _f=null;
var _10=null;
if(_e.value!=""){
_f=_e.value;
_10=_f.split("/");
}
"
Where the last two lines seem to have a problem.

Can anyone help? This appears to be either a new issue (with a new release of FF maybe) or it's a local issue with my code (everything is possible I guess :).

Robert

error:widget: CFGRID: Response is empty

forums_noreply@adobe.com — Mon, 08 Oct 2007 09:14:58 GMT

I've an error on the Coldfusion Ajax logger : "error:widget: CFGRID: Response is empty". The headings of the cfgrid appear but the contents not.

Here the Coldfusion Ajax logger answer :
- info:widget: Data loaded for grid, id: refTableau
- error:widget: CFGRID: Response is empty
- info:http: CFC invocation response:
- info:widget: Creating window: cf_window1191833821003
- info:widget: Created grid, id: refTableau
- info:http: HTTP GET /bulte/admin/produits/gridDataManager.cfc?method=getData&returnFormat=json&argumentCollec tion=%7B%22page%22%3A1%2C%22pageSize%22%3A5%2C%22gridsortcolumn%22%3A%22%22%2C%22gridsortd irection%22%3A%22%22%2C%22idTableau%22%3A%22772%22%7D&_cf_nodebug=true&_cf_nocache=true&_c f_clientid=59BF758DB52E56355D649B34E232903B&_cf_rc=0
- info:http: Invoking CFC: /bulte/admin/produits/gridDataManager.cfc , function: getData , arguments: {"page":1,"pageSize":5,"gridsortcolumn":"","gridsortdirection":"","idTableau":"772"}
- info:LogReader: LogReader initialized
- info:global: Logger initialized

Here my cfm page code:
<cfparam name="URL.id" default="">

<cfquery name="qRec" datasource="#APPLICATION.db#">
SELECT *
FROM Produits
WHERE id=<cfqueryparam cfsqltype="cf_sql_integer" value="#URL.id#">
</cfquery>
<cfset FORM.refTableau=qRec.refTableau>

<cfset MyXmlCode=FORM.refTableau>
<cfset mydoc = XmlParse(MyXmlCode)>
<cfset nbcolumns = ArrayLen(mydoc.table.tr.XmlChildren)>
<cfset numLines = ArrayLen(mydoc.table.XmlChildren)>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>fdgdfgdfgdfg</title>
<link rel="stylesheet" href="../admin.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<cfwindow width="900" height="600" center="true" resizable="false" draggable="true" initshow="true" closable="false">
<cfform name="editForm" action="ifr_refTableau.cfm" method="post" format="html">
<cfgrid format="html"
name="refTableau"
pagesize="5"
sort="yes"
selectmode="edit"
delete="yes"
bind="cfc:gridDataManager.getData({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},{cfgri dsortdirection},'#URL.id#')"
onchange="cfc:gridDataManager.editData({cfgridaction}, {cfgridrow}, {cfgridchanged})">
<cfloop from="1" to="#nbcolumns#" index="k">
<cfgridcolumn name="Col_#k#" header="#k#" display="yes" />
</cfloop>
</cfgrid>
</cfform>
</cfwindow>
</body>
</html>

My cfc code :
<cfcomponent>

<cfset THIS.dsn="clients">

<cffunction name="getData" access="remote" output="false">
<cfargument name="page" required="yes">
<cfargument name="pageSize" required="yes">
<cfargument name="gridsortcolumn" required="no">
<cfargument name="gridsortdirection" required="no">
<cfargument name="idTableau" required="yes">

<cfquery name="qRec" datasource="#THIS.dsn#">
SELECT refTableau
FROM Produits
WHERE id=<cfqueryparam cfsqltype="cf_sql_integer" value="#ARGUMENT.idTableau#">
</cfquery>


<cfset MyXmlCode=qRec.refTableau>
<cfset mydoc = XmlParse(MyXmlCode)>

<cfset numItems = ArrayLen(mydoc.table.tr.XmlChildren)>
<cfset numLines = ArrayLen(mydoc.table.XmlChildren)>


<cfset listHeader="">
<cfloop from="1" to="#numItems#" index="i">
<cfset listHeader=ListAppend(listHeader, "Col_#i#")>
</cfloop>

<cfset queryDatas = QueryNew(listHeader)>
<cfset temp = QueryAddRow(queryDatas, numLines)>
<cfloop index="i" from="1" to ="#numLines#">
<cfloop from="1" to="#numItems#" index="j">
<cfset temp = QuerySetCell(queryDatas, ListGetAt(listHeader, j), mydoc.table.tr .td[j].XmlText, i)>
</cfloop>
</cfloop>

<cfquery name="qReturn" dbtype="query">
SELECT *
FROM queryDatas
<cfif ARGUMENTS.gridsortcolumn neq "" or ARGUMENTS.gridsortdirection neq "">
ORDER BY #ARGUMENTS.gridsortcolumn# #ARGUMENTS.gridsortdirection#
</cfif>
</cfquery>

<cfreturn QueryConvertForGrid(qReturn, ARGUMENTS.page, ARGUMENTS.pageSize)>
</cffunction>

<cffunction name="editData" access="remote" output="false">
<cfargument name="gridaction">
<cfargument name="gridrow">
<cfargument name="gridchanged">

</cffunction>
</cfcomponent>

<body>

I don't understand why the return is empty.

Print CFGRID

forums_noreply@adobe.com — Mon, 26 May 2008 19:16:34 GMT

Hi,

I want to be able to print the result of a CFGRID. Is there a way to do it? By default, when I print, all the flash items is ignored.

If it's not possible to print the flash items, would it be possible to remember the "sort" that was selected and, using a getURL+button, display an HTML page with the same sort?

Thanks.

Daniel

more than 1 function in cfform tag "onSubmit"

forums_noreply@adobe.com — Thu, 12 Sep 2013 08:21:31 GMT

i need to call atleast 3 javascript functions in a form

using "onSubmit" works fine with one function but when i try to add another nothing happens....

<cfform

action="postpage.cfm" method="POST"

target="_self"

onsubmit="if(document.getElementById('Agree').checked) { return true; } else { alert('You must agree to the Terms and Conditions'); return false; }">

"return checkEmail(this);" is one of the funtions. it checks to see if 2 cfinputs are the same

how do i add multiple functions to onSubmit

tnx in advance

Binding Form Elements to Query Data

forums_noreply@adobe.com — Fri, 15 Mar 2013 03:07:43 GMT

Hello,

I have a simple form thatI'm binding query data to so I can populates a cselect box and, based on the selection, populate cfinput boxes. I have the code for this form in a <cfinclude template> and it is working just as designed.

But strangely enough, if I wrap the <cfinclude> code that contains my form in <cfdiv> tags, the binding breaks.

What would be causing that? Any help would be super greatly appreciated.

-Brian

Main Page Code with form:

<cfdiv>

</cfdiv>

CFInclude File:

<img src="images/service_vehicle.png" alt="Vehicle Log" /> <strong>Vehicle Log </strong> </legend>

<tr>

<td><label>Service Vehicle:</label></td>

</cfselect> </td>

</tr>

<tr>

<td>Origin:<br />

</tr>

<tr>

<td>Destination:</td>

</tr>

<tr>

<td><label>Start Odometer:</label></td>

</tr>

<tr>

<td>End Odometer:</td>

</tr>

<tr>

<td><label>Total mileage:</label></td>

</tr>

<tr>

<td><label>Expenses:</label></td>

</tr>

<tr>

</tr>

</table>

</fieldset>

</td></tr></table></cfform>

CFCS

select vehicle_name

from vehicles

where active = '1'

</cfquery>

</cfoutput>

</cffunction>

SELECT mileage

FROM vehicles

WHERE vehicle_name = <cfqueryparam value="#ARGUMENTS.vehicle_name#" cfsqltype="cf_sql_varchar">

</cfquery>

</cfoutput>

</cffunction></cfcomponent>

Dynamically adding form fields

forums_noreply@adobe.com — Mon, 06 Aug 2012 14:20:30 GMT

I am using CF10 on IIS

I have a data entry form where the user can enter the various medical diagnosis attributed to a medical encounter. Right now I have the list set to 25 dx.

What I would like to do is make the list dynamic, so that if you enter a dx, the form automatically adds a data entry field for the NEXT dx. Note that the field name and type is exactly the same. It will just populate the value as a list.

So, on the change event of a dx, it would add a new row to the data entry page to allow for the next dx. This would allow the operator to enter an unlimited number of dx into a single form.

I dont want the page to move on to another page to add the next dx. That would be simple, I realize. The customer would much prefer the dynamic route on a single page.

Thoughts?

Multiple cftextareas not showing in Firefox 11?

forums_noreply@adobe.com — Fri, 30 Mar 2012 13:42:37 GMT

After upgrading to Firefox 11, any page with multiple CFTEXTAREA richtext fields results in the second field not displaying at all. Commenting out the first field allows the second field to show without issue. Both fields have individual ID and NAME attributes as follows:

<td><cftextarea id="email_header_html" name="email_header_html" height="125" width="550" richtext="true" toolbar="Basic" wrap="virtual"><cfoutput>#qry_get_sale.email_header_html#</cfoutput></cftextarea></td>

</tr>

<td><cftextarea id="email_footer_html" name="email_footer_html" height="150" width="550" richtext="true" toolbar="Basic" wrap="virtual"><cfoutput>#qry_get_sale.email_footer_html#</cfoutput></cftextarea></td>

</tr>

Note that this works fine in IE8+, as well as previous versions of Firefox.

Any clues? Much appreciated.

Why do I get "The form data has expired." every time with Flash formatted CFFORM moved to CF 9.1?

forums_noreply@adobe.com — Mon, 18 Apr 2011 17:40:11 GMT

We are moving a ColdFusion site from CF8 to CF9.1 and have discovered that any CFForm that was uses Flash as it's format keeps giving us the "The form data has expired." error almost every time we visit the page containing the form. We have fiddled with the timeout settings and even tried to add the various "cfheader" workarounds that some people have mentioned when getting this error, but to no avail. To be clear this works perfectly on CF8 *and* it works on our CF 9.1 QA server, but for some reason fails on the Live Server. Supposedly the Live server completely matches the QA server, but the behavior is sure different in this instance.

What could be the issues? What Apache or CF settings might I look into? Could there be some weird permissions error on the generated swf form file or some other obscure reason? I am totally in the dark and can't figure out why ColdFusion keeps thinking the form data has expired.

Please, any ideas would be welcome.

Thanks!

How to passing cf variable xml content to SpryXMLDataSet

forums_noreply@adobe.com — Tue, 17 Aug 2010 08:10:23 GMT

I have an cf object which calls a method which returns an XML string. Now like to access the XML-data by a SpryXMLDataSet. Is this possible?

what's the value of an autosuggest input field?

forums_noreply@adobe.com — Tue, 01 Dec 2009 11:21:01 GMT

Under normal circumstances, I can copy the content of the users's form field input into another field, just by simply javascripting (using onChange, and this.form.field.value).

In a CFInput field that does autosuggest (like in Ben Forta's simple examples), this doesn't work - 1) onChange behaves differently, and 2) the field value contains the original user search input, not the value that he chose from the suggested values.

How can I address the value that was chosen by the user?

Here's what I actually need to do:

I have a table with several columns and more than 70000 entries. There is a key column that users can choose from, and there is a text column that users can also choose from - either way should work. (Select fields don't work because there are too many values - it seems I have to use text fields with autosuggest.)

When the user chooses a numerical key value, the text field should be automatically filled with the corresponding text value. When the user instead chooses from the text values, the numerical key should automatically filled with the corresponding value. (This is what I tried to do with normal Javascript but it didn't work as explained above.)

To make things even more complicated, there are two more columns whose values should automatically be filled into the corresponding form fields as soon as the user has chosen a row.

I have no idea how to program this but I'm sure it is easily possible if one knows one's way around Ajax.

-Michael

CFGRIDCOLUMN VALUES Not Working

forums_noreply@adobe.com — Mon, 17 Apr 2006 16:31:19 GMT

I would like my editable CFGRID to display a list in some of the CFGRIDCOLUMN's. I have been unsuccessful at displaying values for user selection when using the values attribute. Any ideas out there? thx

<cfformgroup type="page" label="Vision">
<cfgrid name="gridVision"
query="Vision"
insert="no"
delete="no"
rowheaders="no"
selectmode="edit"
height="100">
<cfgridcolumn select="no" name="visionTestID" display="no">
<cfgridcolumn select="yes" name="enterDate" header="Screening Date" width="100">
<cfgridcolumn select="yes" name="TestType" header="Test Type" values="Instaline, Blackbirds">
<cfgridcolumn select="yes" name="TestNumber">
<cfgridcolumn select="yes" name="Glasses" header="Glasses" values="Tested With, Lost-Broken, Forgotten">
<cfgridcolumn select="yes" name="BothEyes" header="Both Eyes Result">
<cfgridcolumn select="yes" name="LeftEye" header="Left Eye Result">
<cfgridcolumn select="yes" name="RightEye" header="Right Eye Result">
<cfgridcolumn select="yes" name="Result" header="Pass or Fail">
<cfgridcolumn select="yes" name="visionReferral" type="boolean" header="Referral">
<cfgridcolumn select="yes" name="ScreenerID" header="ScreenerID">
</cfgrid>

Using Select Controls to enable/disable another select

forums_noreply@adobe.com — Thu, 07 Dec 2006 22:13:02 GMT

I've searched high and low to find a solution to this problem I'm having with Select controls. I'd like to be able to be able to change the status or visibility of a counterpart select control depending on the choice I make with the first select control I change.

Here's the example: http://appsrv.pace.edu/specialevents/deans.cfm

For instance, I have two select boxes (#1 and #2 for this example). Say I have several choices in a #1 like Apples, Oranges, Bananas. If I were to select Apples I want the #2 Select box to become enabled. The default for #2 would be disable (grayed out). Then say if I change my mind for the #1 select and choose Bananas instead. The #2 select should then gray out. Any help appreciated.

<cfform name="Performance" timeout="500" height="800" width="800" format="flash" skin="haloSilver" action="action.cfm" method="post">

<cfselect name="Title" label="Title" width="200" tooltip="Please enter appropiate title." required="Yes" >
<option>Select</option>
<option value = "Asso. & Asst. Deans" onchange="object.removeAttribute('disabled')">Asso. & Asst. Deans</option>
<option value = "Asso. & Asst. Provost & VPs">Asso. & Asst. Provost & VPs</option>
<option value = "Campus Directors">Campus Directors</option>
<option value = "Dean for Students">Dean for Students</option>
<option value = "Executive Directors">Executive Directors</option>
<option value = "Faculty">Faculty</option>
<option value = "Officers">Officers</option>
<option value = "School Deans">School Deans</option>
<option value = "University Directors">University Directors</option>

<cfselect name="School" width="200" required="Yes" enabled="false" >
<option>Select</option>
<option value = "Dyson">Dyson</option>
<option value = "Education">Education</option>
<option value = "Law">Law</option>
<option value = "Lienhard">Lienhard</option>
<option value = "Lubin">Lubin</option>
<option value = "Seidenberg">Seidenberg</option>

</cfselect>

CFFORM Radio buttons

forums_noreply@adobe.com — Wed, 16 Jan 2008 00:13:13 GMT

I have not been able to figure out how to get the radio button to be checked in flash forms.
What have I done wrong?

<cfform name="ManPart" preloader="yes" format="flash" >
<p>
<label>
<cfinput type="radio" name="RSexb1" value="M" checked>
Male</label>
<br />
<label>
<cfinput type="radio" name="RSexb2" value="F">
Female</label>
</p>
</cfform>

Controlling cfselect from Actionscript or Javascript

forums_noreply@adobe.com — Fri, 26 Oct 2007 14:53:28 GMT

I'm trying to dynamically select a value in a cfselect based on the results of a remoting query -- problem is to this point the only way I've found that will actually change the cfselect is using a syntax like this:
teamManger.selectedIndex = results.items[0].member_id;

which more or less works but the index values of the cfselect and the associated values of each option aren't the same. so as soon as the query results aren't in sequence, this method no longer works. I've been looking into other properties of the cfselect and have tried others including: .value and selectedItem.data. Are there any other properties I could use to auto-select an option in the cfselect using the value field of that cfselect as opposed to the selectedIndex ?

Reusing form controls

forums_noreply@adobe.com — Thu, 28 Jun 2007 17:21:18 GMT

I'm wondering if anyone has a solution for reusing form controls. Let's say I have a specific <cfselect> for states that I want to use in 200 different forms. Of course I can copy/paste it all over the place, but that's bad software development. I'd like to be able to put that CFSELECT in a separate file or function, and just call it.

Here's and example of what I'm trying to do:

file1.cfm:
<CFFORM ...>
<CFINCLUDE tample="StateSelector.cfm">
</CFFORM>

StateSelector.cfm:
<CFSELECT ...>
...
</CFSELECT>

I constantly get the error message "The tag must be nested inside a cfform tag", and I can see why. But that's very limiting when you're designing large systems with CF. Has anyone found a way to do this? It doesn't have to use CFINCLUDE. Any method to allow code resue is fine.

Thanks in advance.

Multiple submit buttons with CF8 HTML cfform?

forums_noreply@adobe.com — Tue, 04 Sep 2007 18:18:20 GMT

This is the approached I used all along with xml or pre CF8 html cfforms: have two submit buttons:

<cfinput type="submit" name="submit" value="Save">
<cfinput type="submit" name="submit" value="Delete">

And then run a cfswitch at the action page.

I am trying to use the new ajax features of CF8 and I can not seem to pass more then one submit button or different values. In the case above, no matter which button is clicked, the FORM comes with submit - Save. (Or delete if I change the order)

If I use something like this:

<cfinput type="submit" name="Save" value="Save">
<cfinput type="submit" name="Delete" value="Delete">

I get the same reaction. If Save is the first button then no matter what the FORM has Save="Save" and no Delete key. And again, there is no Save key in FORM if the delete button is first in the code.

Am I doing something wrong or is it a feature of the ajaxified HTML cfform, and if yes, how can I preserve the multiple submit buttons functionality.

Cyrill

CFToolTip

forums_noreply@adobe.com — Wed, 30 Jul 2008 15:06:38 GMT

I have a list of 10 or so options on one page presented as radio buttons. Each is associated with a tooltip as follows:

<cftooltip sourceForTooltip="/eim/output/graphics/ToolTips/eimef_chemistry_graphics_tooltips.cfm?id= SSS" >
<cfinput type="Radio" name="Outputtype" value="SSS"> <b>Summary Statistics vs Time For A Single Lab Parameter (Site-Wide For Specified Sample Type)</b>
</cftooltip><br>

As the user mouses over th text of each, an image of the graph that they could produce if they selected the option is displayed.

The code associated with one of these tooltip options is as follows:

<cfcase value="XYP">
<IMG SRC="/eim/output/graphics/tooltips/ConcentrationVsTimeOneLabParameterUpTo10Locations.png" >
</cfcase>

The problem that I am encountering is as follows. The images associated with the first five options display fine and stay. Beginning with the sixth, however, the images repeatedly flash on and off like a strobe (4-5x a second). Inclusion of the autoDismissDelay parameter at different settings has no effect on ths behavior. The images are 30-60KB each.

I have applied the hot fix as I saw that one of the fixes dealt with tooltips. The one improvement I saw associated with the hot fix is that the stobing now starts with the sixth item whereas before it was applied, it started with the fourth.