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 回答