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!