Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

cflayoutarea return page

New Here ,
Dec 03, 2008 Dec 03, 2008
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>
751
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Dec 03, 2008 Dec 03, 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/
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 04, 2008 Dec 04, 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>?
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Dec 04, 2008 Dec 04, 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/
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 07, 2008 Dec 07, 2008
LATEST
Thanks for your reference. It works great.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources