Skip to main content
Participant
August 14, 2013
Question

Form not submitting in IE10 inside cflayoutarea

  • August 14, 2013
  • 1 reply
  • 2832 views

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!

This topic has been closed for replies.

1 reply

vishu_13
Inspiring
August 14, 2013

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

Participant
August 14, 2013

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.

Participant
August 15, 2013

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?