我需要在下一页工作时制作"点击""加载页面"

Question

我有一个提交到下一页的表格。

目前，下一页在准备加载页面之前会执行多个命令。

现在会发生什么： 表单与获取或发布一起提交 很多很多秒什么都没有发生.印象是页面被挂起了。 仅当发生一系列事件(在本例中为使用 imagemagick 创建 PDF)时才显示下一页，最后仅在所有执行后加载下一页。 我确实尝试添加一些javascript以在下一页上显示"正在加载"的消息，该消息有效，但仅在创建PDF之后。它不能克服"悬挂"的外观。由于我不能在这里进入脚本命令不是一种选择，尝试过。

我想要什么： 我不是javascript大师，所以请原谅我，但我相信我可以创建一个onclick事件，在仍然提交表单(这很重要)的同时显示"正在加载"消息？这意味着点击提交仍然会触发传统的下一页，但javascript fu会导致出现"加载"消息，最好是覆盖。当然，一旦下一页加载，此叠加消息现在将消失。

我已经看到了一些做这种事情的解决方案，但在仍然提交表单时从未收到过 javascript 消息

简而言之，我希望我现有的提交按钮仍然像现在一样工作，但该按钮需要触发取消隐藏"加载"消息的第二个功能

如果有人可以向我展示如何执行此操作的示例，请提前感谢您。

我试过这个，但正如我所说，没有javascript大师。我把它拼凑成从其他地方得到她和我发现的东西，但没有用。

消息

<div id="loading" style="display:none;>
<table border=0 style="width: 30%"><tr><td><hr></td></tr><tr><td style="text-align: center;">
<span style="color:#666; font-weight:bold"><br/><br/>Please wait , Thinking...</span></br></br><br/>
<img src="../images/spinner.gif"></td></tr></table>
</div>

按钮

<button id="makemppdfnow" onclick="javascript:loadingWait();" style="float: left; height: 36px; background-image: url(images/makepdf btn.png); background-repeat: no-repeat; background-position: left;padding left: 39px; color:#666; font-weight:bold" type="submit" formaction="/mkmppdf.php">'.$makepdf.'</button>

爪哇语

function loadingWait() {
if (document.getElementById('makemppdfnow').click) {
document.getElementById('loading').style.visibility = 'visible';
} else {
document.getElementById('loading').style.visibility = 'hidden';
}

Answer 1

你忘记了一个关闭括号。

我认为你应该这样做：

onclick="loadWait()">

取而代之的是：

onclick="javascript：loadWait();">

告诉我它是否解决了问题。

Answer 2

如果你的问题是为什么"加载"div没有出现，那么请找到下面的脚本并进行相应的更改。您已将显示：none 设置为"加载"div，因此您必须更改显示样式而不是更改可见性。

<script>
boolean =false;
function loadingWait() {
boolean = true;
if(boolean ==true){
document.getElementById('loading').style.display = 'block';
} 
else {
document.getElementById('loading').style.display = 'none';
boolean = false;
}
}
</script>

并将 onclick="javascript：loadWait();" 更改为 onclick="loadWait();">