How to show loading spinning icon when changing between pages?

PHPMaker General Discussion (PHPMaker)
1

Is it possible to show the loading spinning icon when the user clicks on any of the link, till the clicked link page is loaded.

2

Similar to https://discourse.hkvstore.com/t/please-wait-message-for-search/5094/1

3

the following code did the trick

 $("[href^='/']").on("click", function() { // Select the submit button, this example assumes extended and modal advanced search
    Swal.fire({
        title: 'Loading',
        html: 'Please wait...',
        showConfirmButton: false
    });
});
4

This is great and looks working smoothly. Thanks for sharing.

5

Where to place this script?

6

Global Startup Script.

7

Thank you

8

Nice trick, Perfect for the page changes.
How can it be showing on every click
like on Search, Add, hyperlink, change of page no. in footer etc.
So that the user should know the page is loading and working

9

The above code is for all the hyperlinks starting with /. Add the jQuery selector to apply for other elements. Check the link in 2nd post for idea

10

singh wrote:

How can it be showing on every click
like on Search, Add, hyperlink, change of page no. in footer etc.

https://discourse.hkvstore.com/t/please-wait-message-for-search/5094/3