How can I create a 'please wait' message when the web page url is changed

Question

0.00/5 (No votes)

See more:

Hello,
I have been helped here with a code to show a 'Please wait' message while my web page is loading (mcsetup.php), I am using this code as part of the script,

//after <head>
<head>
<!—ref to ‘please wait message -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>

<script>
//paste this code under the head tag or in a separate js file.
	// Wait for window load
	$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").fadeOut("slow");;
	});
</script>

//after <body>
<!—ref to ‘please wait message -->
<body>
<div class="se-pre-con"></div>

//in css
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
}

As you see it's triggered when the web page is loading for the first time.
Now, after the web page loads, there is a form to be filled out by the user, when the user enters the first field of the form, an onchange() function calls the same web page url added with the php variable resulted from the first field data entry (

window.location = "mcsetup.php?enterfn=<?php echo $fn ?>" + "&mc=<?php echo $mc ?>" + "&mold10=" + mold10js + "&neck10=" + neck10js;

), and the web page reloads again, but this time the previous 'Please Wait' code is not working.
Any ideas?
Thank you

What I have tried:

I tried to replace the

load(function()

in the 'Please Wait' message with the onchange() function of the user data entry field in the form, but it's not working.

Posted 1-Oct-20 9:46am

Member 14819235

Updated 1-Oct-20 10:23am

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)