Help in the Calculated Fields Form to display the frame

Hello @sinyavinsergej,

The solution would be as follows:

– Insert a “HTML Content” field with the following piece of code as its content:

<script>
function silentSubmission(e)
{
    var f = e.form;
    f.target="auxiliary-iframe";
    if(fbuilderjQuery(f).valid()){
        f.submit();
        alert('Your message has been sent successfully.');
    }
}
</script>
<iframe width="1" height="1" name="auxiliary-iframe" id="auxiliary-iframe" style="display:none;"></iframe>

– And now, insert a button field in the form with the following piece of code as its onclick event:

silentSubmission(this);

– Finally, as the form will be submitted using the previous button, select the “No” option for the attribute: “Display submit button?” in the form’s settings.

and that’s all.
Best regards.

Thank you
Good start ??
You advised me to find
“Finally, select the “No” option for the attribute: “Display submit button?” in the form’s settings”
I can not find where this value can be changed? ..

• This reply was modified 6 years, 5 months ago by sinyavinsergej.

Hello @sinyavinsergej,

Are you sure you are using the professional version of the plugin? The free version of the plugin does not include the modules to process the data collected by the form (store the data in the website’s database, send the notification emails or integrate the form with a payment gateway). The attribute: “Display submit button?” is available with the professional version of the plugin:

If you are using the free version of the plugin, the server side modules should be implemented by yourself.

Best regards.

Thanks!
Yes, I’m using the Pro version and I have this button, only I thought it was responsible for translating to the thank you page. I disabled it. Then filled out the form and sent. Form of successfully traveled. And the form itself is not reset. All the fields remain filled. And the message “Your message has been sent successfully” appeared at the top, near the address bar.

I would be grateful if you tell me how to display a message about the successful sending at the bottom, just under the button. And to reset the data.

Thank you very much!

• This reply was modified 6 years, 5 months ago by sinyavinsergej.
• This reply was modified 6 years, 5 months ago by sinyavinsergej.

Hello @sinyavinsergej,

If you want reset the form after submit the form, it is as simple as call the reset method just after the alert:

if(fbuilderjQuery(f).valid()){
    f.submit();
    alert('Your message has been sent successfully.');
    f.reset();
}

If you need additional help customizing your form, I can offer you a custom coding service, from my private website:

https://cff.dwbooster.com/customization

Best regards.

Hello @codepeople!
I may need your hourly support in the future, but this is the last time I ask you to resolve this unresolved issue. I set code:
<script>
function silentSubmission(e)
{
var f = e.form;
f.target=”auxiliary-iframe”;
if(fbuilderjQuery(f).valid()){
f.submit();
alert(‘Your message has been sent successfully.’);
f.reset();
}
}
</script>
<iframe width=”1″ height=”1″ name=”auxiliary-iframe” id=”auxiliary-iframe” style=”display:none;”></iframe>

and still the message is displayed at the top, and the form is not reset.
Here is a link to the screenshot https://semyaivera.ru/2018/10/05/skrin-formyi/
I would appreciate your help!

• This reply was modified 6 years, 4 months ago by sinyavinsergej.

Hello @sinyavinsergej,

If you want to display the message into the body of webpage, an alternative would be insert a tag: <div class="display-message-here"></div> after the form’s shortcode, and then, replace the piece of code:

alert('Your message has been sent successfully.');

as follows:

jQuery('.display-message-here').html('Your message has been sent successfully.');

and that’s all.
Best regards.

Good afternoon, @codepeople!
It worked! You are well done-a master of his craft! Thank you!
I’d like to buy you a coffee! What wallet to PayPal? I want to send $ 10 as a thank you.

Hello @sinyavinsergej,

A good review would be more than enough.

Best regards.

Привет @codepeople !

Написал с благодарностью за Вашу прекрасную поддержку следующий отзыв.

С пожеланиями успеха, радости и добра!

Thank you very much.

Hello, @codepeople !
I have a little problem…
I have two forms on one page, and when I submit the top form, the message is also displayed under the bottom form.
Please tell me how to fix this error?

I attach a link to the screenshot:
https://semyaivera.ru/2018/09/25/screenshot-forms/

Hello,

In this case you should insert two different DIV tags with different class names:

<div class="display-message-here-1"></div>

<div class="display-message-here-2"></div>

Each of them below its corresponding form.

And then, edit the code into each forms to display the message in its corresponding tag:

jQuery('.display-message-here-1').html('The text to display when the first form is submitted');

jQuery('.display-message-here-2').html('The text to display when the second form is submitted');

Best regards.

You are very good help, so I purchased technical support for $ 25 for two months. To all was on fair ??

I have followed your recommendations and now the message is shown only under the second form…

I attach a link to the screenshot:
https://semyaivera.ru/2018/09/25/screenshot-forms/

• This reply was modified 6 years, 4 months ago by sinyavinsergej.

Hello,

Could you send me the URL to the webpage where there are inserted the forms, please?

Best regards.