<input name="btnScan" type="button" id="btnScan" style="WIDTH: 120;HEIGHT: 30" onClick="return btnScan_onclick()" value="Scan"/>
<input name="ScanDocument" id="ScanDocument" type="text" value="{DocType}" class="ScanDocument">
<cfselect name="DocType" id="DocType" class="selectClass" query="qGetDocTypes" display="name" value="DocTypeID">
<cfdiv style="border:1" id="handler_#docAreaID#" bind="url:#request.controlurl#documentHandler/?ScannedDocument={ScanDocument}">
$(".ScanDocument").val('changed to trigger bind');
after I upload a new file (btnScan) I can refresh the list that's in the cfdiv.
<!--- TestPage.cfm ---->
<cfoutput>refreshed #now()#</cfoutput>
<cfdump var="#URL#">
<!--- SamplePage.cfm ---->
<!--- sample values for testing only ---->
<cfset docAreaID = 111>
<cfset qGetDocTypes = queryNew("")>
<cfset queryAddColumn(qGetDocTypes, "DocTypeID", listToArray("1,2,3"))>
<cfset queryAddColumn(qGetDocTypes, "Name", listToArray("AAA,BBB,CCC"))>
<script type="text/javascript">
function refreshDiv(divToRefresh) {
var doc = ColdFusion.getElementValue('ScanDocument');
ColdFusion.navigate('testPage.cfm?ScannedDocument='+ doc, divToRefresh);
}
</script>
<cfform>
<cfinput name="ScanDocument" id="ScanDocument" type="text" bind="{DocType}" class="ScanDocument">
<cfselect name="DocType" id="DocType" class="selectClass" query="qGetDocTypes" display="name" value="DocTypeID" />
<cfdiv style="border:1" id="handler_#docAreaID#" bind="url:testPage.cfm?ScannedDocument={ScanDocument}">
<cfoutput>
<input name="refresh" type="button" onClick="refreshDiv('handler_#docAreaID#')" value="Refresh CFDIV"/>
</cfoutput>
</cfform>
ASKER
<cfset docAreaID = 111>
<script type="text/javascript">
function refreshDiv(divToRefresh) {
var doc = "I was called from javascript";
ColdFusion.navigate('testPage.cfm?ScannedDocument='+ doc, divToRefresh);
}
</script>
<cfdiv id="handler_#docAreaID#" />
<form>
<cfoutput>
<input type="button" onClick="refreshDiv('handler_#docAreaID#')" value="Refresh CFDIV"/>
</cfoutput>
</form>
ASKER
ASKER
ASKER
ASKER
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
TRUSTED BY
Anyway, this sample code updates both the text field and cfdiv whenever something is selected from the list.
Open in new window