0

我一直在尝试在提交表单时显示 Loader.gif 图像，它适用于 FF 浏览器但不适用于 IE，我尝试使用settimeout()有助于解决 IE 问题的 javascript 功能，但后来它无法使用法郎

所以有人可以为我提供一个 FF 和 IE 的详细工作示例吗？

4

1 回答 1

1

如果您正在上传图像，您可以使用 CSS ( display: none;) 隐藏 loader.gif，然后在表单 onSubmit 事件中放置类似的document.getElementById("loaderImageID").style.display = "block";内容（或者代替块，您需要的任何显示类型），这将在用户之后显示图像已单击提交/上传/任何按钮，当页面刷新时，图像将消失。

（除非我误解了您要执行的操作，否则我认为不需要 setTimeout()）

编辑： 好的，这是代码的更新副本（应该完全按照您现在的需要工作）

<html>
    <head>
        <script type="text/javascript">
            function uploading()
            {
                //Show the placeholder div
                document.getElementById("loader").style.display = "block";

                //Create a new image element with the loader.gif as the source
                var loader = document.createElement("img")
                loader.setAttribute("src","loader.gif");
                //Add the loader image to the loader div
                document.getElementById("loader").appendChild(loader);
            }
        </script>
    </head>
    <body>
        <!-- Placeholder for the loader (style it as you wish)-->
        <div style="display: none; height: 50px; width: 50px;" id="loader"></div>
        <a href="javascript: uploading();">Test</a>
        <form onSubmit="uploading();">
            <input type="submit" onClick="uploading();"/>
        </form>
    </body>
</html>

我使用了您链接到的站点中的加载程序，并且开始时遇到了同样的问题。该问题是由于元素在添加到 DOM 时不可见引起的。之后，当您显示元素时，IE 不会启动动画。（来源）

于 2010-06-25T21:50:18.710 回答