On submit, Hide fields, show results, send mail and be able to clear results

  • Resolved burtcav

    (@burtcav)


    8 years, 4 months ago

    I have the pro version and I am trying to perform multiple onclick events. I would like to hide all the fields when someone hits calculate, and just show the calculated results field, however, I also want it to submit an email of the data to me on the same onclick event. I can hide the fields and show just the results but when the submit command fires it brings up the form again (Which is now blank). The Calculation that is showing I would want them to disappear after hitting refresh or navigate away from the page or maybe a clear button. I have found that the calculation results show even after I clear the cache, go incognito, etc… not sure how to clear it.
    The jquery I am using is jQuery(‘.hide’).removeClass(‘hide’);jQuery(‘.show’).addClass(‘hide’);jQuery(this).closest(‘form’).delay(8000).submit();

    I do not need the delay, but I use it to show just the results for a while before the submit command brings up the form again. I am not sure how to clear the results. The form is at https://marlenacavanaugh.com.

    Any help would be greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    My recommendation is:

    – Create a new page, and enter as its content the shortcode to display the summary of the collected data: [CP_CALCULATED_FIELDS_RESULT]

    – Copy the public URL of the new page, and enter it through the attribute: “Thank you page (after sending the message)”, in the form’s settings.

    – Select the “Yes” option for the attribute: “Display submit button?”

    If you want hide the calculated field from the public form, and display its result after submit the form, select the calculated field and tick the checkbox: “Hide Field From Public Page”

    If you want receive a notification email with the collected data:

    – Enter an email address belonging to your website’s domain, through the attribute: “From” email (for fixed “from” addresses)

    – Enter the email address where receive the emails in the attribute: “Destination emails (comma separated)”

    – And please, preserve the special tag: <%INFO%> in the message attribute, because this tag is replaced by the collected data.

    More information in the documentation page of the plugin:

    https://cff.dwbooster.com/documentation

    Best regards.

    Thread Starter burtcav

    (@burtcav)

    not really what I was looking for. The client doesn’t want it to navigate to a different page since the form is on every page of the website. They just want the results to show in lieu of the form. What I really want to know is after the calculation has been performed how do I clear the results that are stored in the cache and reset the form?

    Plugin Author codepeople

    (@codepeople)

    Hi,

    Please, in this case follow the instructions below:

    – Enter as the “thank you” page associated to the form, the same page where the form is inserted (https://marlenacavanaugh.com/)

    – Go to the page and insert both shortcodes, the shortcode for the summary of the submitted data, and the shortcode of the form:

    [CP_CALCULATED_FIELDS_RESULT]
[CP_CALCULATED_FIELDS id="5"]

    – Finally, insert into the form a “HTML Content” field, with the piece of code below, as its content, to reset the form after be loaded:

    <script>
jQuery(window).on('load', function(){jQuery('form').each(function(){this.reset();});});
</script>

    and that’s all.
    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘On submit, Hide fields, show results, send mail and be able to clear results’ is closed to new replies.