0

アイテムが選択されたときにユーザーを別のページに誘導する選択ボックスがあります。ユーザーがアイテムを選択したときに何らかの種類の loading.gif を表示して、何かが起こっていることをユーザーに知らせたいと考えています。誰かがこれを達成する方法を教えてもらえますか? 

    <!DOCTYPE html>
<html lang="en">
    <head>


        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$("sRedirect").change(function(){
   $("#sRedirect :selected").not(:contains('Click Here To Select')).siblings("img").first().attr('src','loading.gif');
});


</script>

 </head>
<body>

        <div class="titleBar">
            <div class="Logo"><a class ="backBtn" href="javascript:history.back();">    </a><img src="logotop.png"  align="right" />
                    </div>









<br><br>
    <div class="top"><br><br><h2>Step 1<br><br>Choose an Area</h2><br><br>    <div>
    <div class="middle">




<form name=form1>

<select name="URL" id="sRedirect" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value"    onfocus="javascript:toggle();" >
    <option value="" disabled="disabled" selected="selected">Click Here To Select</option>
    <?=$options?>
    </SELECT>
<br>
<img src="" id="myLoadingPicture"/>
</form>




    </div>
</html>
4

2 に答える 2

0

別のページに移動し始める (より具体的には、ページのアンロードを開始する) と、そのページは応答する必要がなくなります。したがって、アニメーション GIF を追加したとしても (イメージ要素を作成して本文に追加するだけの簡単な作業です)、それがアニメーション化されるか、表示されるかは保証されません。

于 2012-05-25T03:42:54.387 に答える
0

location.href を設定する前に画像を表示するだけです。

<select name="URL" onchange="$('#myLoadingPicture').show(); window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value"    onfocus="javascript:toggle();" >
于 2012-05-25T03:43:02.553 に答える