Skip to main content
Known Participant
December 3, 2008
Question

cflayoutarea return page

  • December 3, 2008
  • 4 replies
  • 935 views
I am trying to submit a form that is inside a cflayoutarea tag. I plan to have multiple tabs across this page with each tab having its own independent form. I have a page called annual.cfm where I submit a few fields. The submission works fine but when I return to the page, it returns with the page inside of the tab instead of refreshing the entire page. So I basically have the page doubled up, the page is nested inside of the cflayoutarea of the page. What I need to do, once the submit button is clicked, I need to send the form to an actionpage.cfm and then return back to annual.cfm without returning inside the tabbed section of the page. Does anyone have any suggestions?

<cflayout type="tab" tabHeight="300" style="width:880px;">
<cflayoutarea title="Annual" name="annual_tab" style="height:300px;">

<cfform action="actionpage.cfm" format="html" method="post">

<cfinput type="dateField" size="10" name="annl_dt">

<cfselect name="annl_hrs">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="4">5</option>
<option value="4">6</option>
<option value="4">7</option>
</cfselect>

<cfselect name="annl_quarter_hrs" width="45">
<option value=".00">.00</option>
<option value=".25">.25</option>
<option value=".50">.50</option>
<option value=".75">.75</option>
</cfselect>
<CFINPUT type="submit" name="btn_annl_leave" value="Submit Annual Leave">


</cfform>
</cflayoutarea>
</cflayout>
    This topic has been closed for replies.

    4 replies

    Rcain37Author
    Known Participant
    December 7, 2008
    Thanks for your reference. It works great.
    Inspiring
    December 5, 2008
    use any javascript datepicker available out there.
    i use jQuery js library and the jQuery UI datepicker:
    jQuery: http://jquery.com/
    jQuery UI: http://ui.jquery.com/
    jQuery UI Datepicker: http://docs.jquery.com/UI/Datepicker


    Azadi Saryev
    Sabai-dee.com
    http://www.sabai-dee.com/
    Rcain37Author
    Known Participant
    December 4, 2008
    Thanks for the response.
    If I use <form> instead of <cfform> then I can't use the feature "cfinput-datefield". I was really wanting to use this feature. Do you know of anything similar in a <form>?
    Inspiring
    December 4, 2008
    use <form> instead of <cfform>: <cfform> inside a cf ajax container will
    submit to that container, refreshing only that container and not the
    main page. <form> will submit to the main page, refreshing the whole page.

    Azadi Saryev
    Sabai-dee.com
    http://www.sabai-dee.com/