Copy link to clipboard
Copied
I have a page the uses cflayout tabs to show different class information with the primary tab (one with issue) showing when seminars are available and a button to purchase registration. In IE10 (only) the button is not working. The page does not submit at all, just clicks the button with message. below is the cflayout code snippet used on the primary page.
<cflayout type="tab" width="700">
<cfif cats.SubCatId NEQ 5>
<cflayoutarea title="Register" overflow="visible">
<cfinclude template="enroll.cfm">
</cflayoutarea>
</cfif>
.....
(obviously there is an end to the cflayout and other tabs)
Below is the page "enroll.cfm".
<!--- get the course dates --->
<cfparam name="URL.ItemId" default="1">
<cfquery name="cl" datasource="#application.dsn#">
SELECT *
FROM enroll
WHERE itemId = <cfqueryparam value="#URL.itemId#" cfsqltype="cf_sql_clob">
and class_start >= '#dateformat(now(),"yyyy-mm-dd")#'
order by class_start asc
</cfquery>
<cfquery name="Items" datasource="#application.dsn#">
SELECT *
FROM Items
WHERE ItemId = <cfqueryparam value="#URL.ItemId#" cfsqltype="cf_sql_integer">
</cfquery>
<h2>Register</h2>
<table width="700" value="Add">
<tr class="enrolltitles">
<td>Dates</td>
<td>Location</td>
<td align="center">Number Of Registrants</td>
<td></td>
</tr>
<cfoutput query="cl">
<form name="form_#currentrow#" id="form#currentrow#" action="/Cart.cfm" method="post">
<input type="hidden" value="#URL.ItemId#" name="itemId">
<tr class="enrolldata" style="border-bottom:##999 1px solid;">
<td>#dateformat(cl.class_start,'medium')# - #dateformat(cl.class_end,'medium')#</td>
<td>
<span class="orange"><cfif cl.mask_city neq ''>#cl.mask_city#<cfelse>#cl.class_city#</cfif>, #cl.class_state#</span><br />
#cl.class_venue# <a href="http://maps.google.com/?q=#cl.class_address#,#cl.class_city#,#cl.class_state#,#cl.class_zip#" target="_blank"> (Map)</a><br />
#cl.class_address# <br />
#cl.class_city#, #cl.class_state# #cl.class_zip#
</td>
<td align="center">
<cfif dateFormat(cl.class_start, "mm/dd/yyyy") GT dateFormat(Now(), "mm/dd/yyyy")>
<cfif cl.class_id NEQ 17 AND cl.class_id NEQ 48>
<select name="quantity" id="quantity">
<cfloop from="1" to="10" index="i">
<option value="#i#">#i#</option>
</cfloop>
</select>
</cfif>
</cfif>
</td>
<td align="center">
<!---cfinput class="enroll" type="button" name="Submit" value="AddtoCart" onclick="form#currentrow#.submit();"--->
<input type="hidden" name="free_ship" id="free_ship" value="1">
<input type="hidden" name="class_id" id="class_id" value="#cl.class_id#">
<input type="hidden" name="basePrice" value="#Items.ItemPrice#">
<input type="hidden" name="quantityPrice" value="#Items.quantityPrice#">
<input type="hidden" value="#getPriceSold()#" name="PriceSold">
<cfif dateFormat(cl.class_start, "mm/dd/yyyy") LTE dateFormat(Now(), "mm/dd/yyyy")>
Registration Closed
<cfelseif cl.class_id EQ 17 OR cl.class_id EQ 48 or cl.class_ID EQ 43>
<input type="button" class="enroll" onclick="alert('Please call (800) 783-7536 to confirm that there is an available space.');" value="Register" />
<cfelse>
<input class="enroll" type="submit" name="Submit" value="Register" >
</cfif>
</td>
</tr>
</form>
</cfoutput>
</table>
<cfscript>
function getPriceSold()
{
nowDate = Now();
startDate = cl.class_start;
startDateMinusFourteen = DateAdd('d',-14,startDate);
//result=DateCompare(nowDate,startDateMinusFourteen);
//quantity = #Form1.quantity#;
if(nowDate GT startDateMinusFourteen)
{
price=Items.ItemPrice;
}else if(nowDate LT startDateMinusFourteen)
{
price=Items.AdvancePrice;
}
return price;
}
</cfscript>
Like I said this works fine in every other browser but IE 10. Any help would be appreciated!
Copy link to clipboard
Copied
Hi
What if you use the example mentioned here : https://learn.adobe.com/wiki/display/coldfusionen/cflayoutarea
(though the code is different however just to test IE 10)
is it working in IE 10?
Thanks
VJ
Copy link to clipboard
Copied
Yes it works fine. The issue is not showing the tabs or toggling between the tabs. It is actually submitting a form that is included inside of the cflayoutarea using a enroll.cfm code above.
Copy link to clipboard
Copied
Anyone? This is still happening for me and cannot figure it out. The enroll.cfm file submits fine on its own in IE10, so I think it has to be some conflict in the CFLayoutArea?
Copy link to clipboard
Copied
Use an alternative solution: http://jqueryui.com/tabs/
Copy link to clipboard
Copied
obviously I know I can redo the tab system, but this was working and now isn't. I was hoping there was just a setting I need to change or an attribute that was missing?
Copy link to clipboard
Copied
Most likely is a JavaScript issue. Use IE10 developer tools and see if there is any warning or error.
Copy link to clipboard
Copied
These are the errors i received, but have been unable to understand what they mean. the line number 399 references the first form tag. in the code though, all start and end tags are accounted for?
HTML1503: Unexpected start tag.
coursesDetail.cfm, line 399 character 3
HTML1503: Unexpected start tag.
coursesDetail.cfm, line 400 character 4
HTML1506: Unexpected token.
coursesDetail.cfm, line 450 character 3
HTML1509: Unmatched end tag.
coursesDetail.cfm, line 450 character 3
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
Copy link to clipboard
Copied
You might want to "View Source" from browser. Then, see if there is mismatch or missing tags. If found, you go back to ColdFusion code to figure it out where the tags come from.