Question

＆＃13;

<input type="submit" 
       name="sql"
       id="sql"
       value="Import Database"
       onclick="myFunction1()" 
       class="btn btn-danger"">

＆＃13;

＆＃13; 我有一个名为import database的按钮。当我单击按钮时，将下载数据库。这需要一些时间。我想在点击按钮时显示加载程序。我怎么能做到这一点？

Answer 1

在<div id="loader_div" class="loader_div"></div>文件

上添加index.php

在css下面添加： -

.loader_div{
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  z-index: 99;
  opacity:0.7;
  display:none;
  background: lightgrey url('../../../images/youloadergif.gif') center center no-repeat;
}

现在，您可以通过以下脚本显示和隐藏您的加载程序： -

jQuery(".loader_div").show();
jQuery(".loader_div").hide();

希望这会对你有所帮助。

注意：不要忘记将gif放在服务器上并给出正确的路径在背景css。

谢谢，

如何在按钮单击时显示加载程序

1 个答案: