Hide form1 block on form submit and show a "loading" block instead, then refresh page after 60 seconds

Ask the community
1

Hi All,

I’m currently trying to implement the following idea, but without success.

  • when form submitted, hide form1 block
  • when form submitted, show loading1 block
  • Wait 60 seconds then refresh the page (i.e. to show new data in the list block and reset the above conditions)

I found a few posts here and have tried to cobble some code together to make it work, but I’m not having any joy. Can anyone advise?

This is my current code:

<style>
#loading1 {
    display: none;
}

#form1 {
    display: block;
}

</style>

<script>
var form1 = document.getElementById('form1');
form1.addEventListener('Generate', function () {
    form1.style.display = 'none';
    loading1.style.display = 'block';
    setTimeout(function() {
      window.location.reload();
    }, 10000);
});
</script>

Thanks!

2

@EnigmaXXIII the code you have will not work. If the form is open pls share I will check if not DM the link…

3

@artur Thanks for the reply - I’ll DM you a link.