单击提交按钮后,动画GIF将停止在IE中设置动画

时间:2015-02-02 06:01:50

标签: javascript html css internet-explorer animated-gif

我的目标是禁用"登录"我的表单中的按钮,以及显示动画GIF微调器

enter image description here

用户在点击"登录"之后开始提交。按钮或按下键盘上的Enter键后。

我的HTML看起来像这样:

<form method="POST" action="login.php" autocomplete="off" id="frmLogin">
    <!-- other content -->
    <input type="submit" value="Login" id="btnLogin" onClick="onLoginClkd();">
        <img src="images/spnr.gif" id="imgSpnr" 
        style="width: 16px; height: 16px; visibility: hidden;">
</form>

<script language="javascript">
function onLoginClkd()
{
    var img_obj = document.getElementById("imgSpnr");
    var btn_obj = document.getElementById("btnLogin");
    if(img_obj != undefined)
        img_obj.style.visibility = "visible";
    if(btn_obj != undefined)
        btn_obj.disabled = true;

    var frm_obj = document.getElementById("frmLogin");
    if(frm_obj != undefined)
        frm_obj.submit();
}
</script>

这在Chrome和Firefox浏览器中运行良好,但在IE中显示微调器,但它没有动画或旋转。

知道如何调整它以使其在IE下工作吗?

PS。我在最新版本的IE中测试它,无论Windows 8.1中提供什么

PS2。我不能创造一个小提琴来说明这一点,因为我无法模仿&#34;拖延&#34; php页面拒绝立即加载。在HTML中通过JavaScript执行此操作不会重现问题。我只是希望其他人目睹同样的行为。

0 个答案:

没有答案