0

フォームが送信されたときに Loader.gif 画像を表示しようとしましたが、FF ブラウザーでは正常に動作しsettimeout()ますが、IE では動作しません。IE の問題を解決するのに役立つ javascript の機能を試してみましたが、動作しませんでしたFF

それで、誰かが私にFFとIEの両方の詳細な作業例を提供できますか??

4

1 に答える 1

1

画像をアップロードする場合は、CSS ( ) を使用して loader.gif を非表示display: none;にし、フォームの 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 に答える