0

ユーザー入力を読み取り、入力された値を送信し、検索が行われて検索結果を表示する別のページに送信するテックスフィールドを含むホームページがあります。

 <div>
     <form action="****.jsp" method="get" id="search-id">
          <input type ="text" name = "search" id="search" size="70"/><br>
          <br />
          <input type="Submit" value="Search"  class="button rounded"> 
     </form>
     <br />
     <br />
     <br />
</div>

しかし、問題は、実際の 2 ページ目が表示されるまでに時間がかかることです。そのため、そのページが実際に読み込まれるのを待っている間に、小さな読み込み gif を表示させたいと考えました。使用できる gif ファイルがありますが、検索ボタンをクリックした後に表示されるようにウェブサイトに実装する方法がわかりません。

私は非常に新しくHTML/JS、何日も可能な方法を探していました。これはまったく可能ですか？

4

2 に答える 2

2

フォームに送信イベントハンドラーを追加します。これにより、アニメーションGIFが表示され、フォームの送信が妨げられることはありません。JQueryの例：

$('#search-id').submit(function() {
    $('#animated-gif').show();
});

アニメーションGIFがページのどこかに隠されていると仮定します。

<img src="..." style="display: none;" id="animated-gif"/>
于 2013-01-05T13:57:27.440 に答える
0

を初めて使用するためHTML、 についてさらに検索する必要がありますajax and jquery。それは理想的にはあなたの質問に答えます。この同様の質問も見てください。これがあなたを助けることを願っています。

于 2013-01-05T14:04:10.610 に答える