Populating a loading image

Dear all,

I am trying to populate a loading image when someone clicks on a button and the following code is able to populate it but it restricts the user to go to the next page.


$w.onReady(function () {
    $w('#button1').onClick (async (event) => {
        $w("#imgPreloader").show();   
    })
    });

Appreciate your help here.

Where is your code, which redirects the user to another page?

ASYNC not needed yet!

$w.onReady(function(){
	$w('#button1').onClick((event)=>{
		$w("#imgPreloader").show();
	});
});

I selected the page from the user interface. In the settings of the “button” there is a place that I can select the page diverted when the user clicks on the button.

Mixing code + settings in property-panel often causes problems.
Either do the one way, or the other.

You started to code? Then complete it by → CODE!

Your atvantage doing it the coding way? → More flexibility!

https://www.wix.com/velo/reference/wix-location/to

These old examples will help you out…

https://russian-dima.wixsite.com/meinewebsite/website-navigation

I understand. Thanks!