dqce48404 2017-09-05 17:23
浏览 25
已采纳

PHP等待光标,用于提交到PHP脚本而不更改页面的表单

I have a simple HTML form to create a spreadsheet using PHPExcel. When the form submit button is clicked, a PHP page is called that creates the spreadsheet with PHPExcel and then exits (exit;). So, to the user, the page never changes and they just get a Excel workbook pop open.

I've been trying to figure out how to make the cursor change to an hourglass when the submit button is clicked, and then change back to a normal cursor before the PHP script exits.

I've tried several methods and nothing I've tried for adding or removing a wait cursor works. There's something about calling the PHP file on a form submit (without changing pages) that causing normal methods of changing the cursor not to work (I think).

Would anyone know a working method of setting a wait cursor on the submit of the form, and then setting the normal cursor back when the PHP script exits?

I am using jQuery and have tried normal and jQuery methods of changing the cursor. Thanks for any help.

<form action="export_updates.php" method="post" name="form1">                   
    <input type = "image" src = "../../images/excel_icon.png"  name = "submit" value = "submit" id="make_spreadhseet_1"/>
</form> 
  • 写回答

1条回答 默认 最新

  • dongren1011 2017-09-05 18:08
    关注

    So your script basically downloads an excel on submitting to export_updates.php, javascript alone cannot detect the start of a download (cause it needs to access clients filesystem which is not possible), all you can do is to show wait cursor just before window unloads,then after a few seconds then turn it back to default cursor here is the code for that

    window.addEventListener("beforeunload", function (event) {
      document.body.style.cursor = 'wait';
      setTimeout(function(){document.body.style.cursor = 'default';},3000);
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 R语言卸载之后无法重装,显示电脑存在下载某些较大二进制文件行为,怎么办
  • ¥15 java 的protected权限 ,问题在注释里
  • ¥15 这个是哪里有问题啊?
  • ¥15 关于#vue.js#的问题:修改用户信息功能图片无法回显,数据库中只存了一张图片(相关搜索:字符串)
  • ¥15 texstudio的问题,
  • ¥15 spaceclaim模型变灰色
  • ¥15 求一份华为esight平台V300R009C00SPC200这个型号的api接口文档
  • ¥15 字符串比较代码的漏洞
  • ¥15 欧拉系统opt目录空间使用100%
  • ¥15 ul做导航栏格式不对怎么改?