TOPIC:

Loading mask displayed when submit 1 week 5 days ago #279390

  • Topic Author
  • Tohm
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 29
  • Thanks: 0
Hi anyone

I try to display a loading mask when user click on the submit, do you know how to do it?
I have a rather heavy form and it takes over 20 seconds to be submitted.
So I would like to display something to have them waiting :)

Any idea?

Regards

Thomas

Please Log in or Create an account to join the conversation.

Loading mask displayed when submit 1 week 5 days ago #279392

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11753
  • Karma: 3
  • Thanks: 761
Hi,

I will test it and come back to you :)

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Loading mask displayed when submit 1 week 4 days ago #279395

  • Topic Author
  • Tohm
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 29
  • Thanks: 0
I managed the loading mask, I just need to display it when submit button is clicked.
Is it in a submission script? i shall manage it

Please Log in or Create an account to join the conversation.

Loading mask displayed when submit 1 week 4 days ago #279397

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11753
  • Karma: 3
  • Thanks: 761
Hi,

I assume in End submit pieces (if you are using it there, then there should be php code)
Submitted script you can use too

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Last edit: Post by tihana.krivic.

Loading mask displayed when submit 1 week 4 days ago #279398

  • Topic Author
  • Tohm
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 29
  • Thanks: 0
I managed to have it working but by modifiyng the ff_validate_submit.
Do you know how I could do NOT to modify the script itself.
I would loose it by uploading Breezingforms

Here is how I did:
function ff_validate_submit(element, action)
{
    if(typeof bfUseErrorAlerts != 'undefined'){
     JQuery(".bfErrorMessage").html('');
     JQuery(".bfErrorMessage").css("display","none");
    }
    error = ff_validation(0);
    if (error != '') {

        if(typeof bfUseErrorAlerts == 'undefined'){
           alert(error);
        } else {
           bfShowErrors(error);
        }
        ff_validationFocus();
    } else {
		JQuery("#blockloader").css("visibility","visible"); // HERE IS MY CODE
        ff_submitForm();
	}
} // ff_validate_submit

Regards

Please Log in or Create an account to join the conversation.

Loading mask displayed when submit 1 week 4 days ago #279400

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11753
  • Karma: 3
  • Thanks: 761
Hi,

Did you try to add this:
JQuery("#blockloader").css("visibility","visible");
in submission script, because there can be js code

But I am not sure that this will work there same as in validation for submit, it is the best to use it there, but please test it and let me know

Regards,
Tihana

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.050 seconds

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!