スクリプト機能が終了するまでの画像のロード方法（GIF）

Question

私はhtmlボタンを持っています。コードを怒鳴る、同じページに「wall_publish（）」関数の .CODEあるユーザー]をクリックし、それが呼び出すボタン「を公開」「wall_publish（）」スクリプト機能が怒鳴る与えられ

<div id="apDiv1"> 
    <input name="wpost" type="button" value="Publish" onClick="wall_publish()"/> 
</div> 

を与えています、

<script> 
function wall_publish(){ 
     //some codes... 
    } 
</script> 

スクリプト機能が終了するまで、「公開」ボタンの近くにロードするgifイメージを表示する必要があります。
誰でもこの方法を教えていただけますか？

Answer 1

あなたは画像Iを表示する方法についてのアイデアを持っていない場合は、ジョブが再びちょうどそのシンプル

function show pic();

function do job();

function remove pic();

Answer 2

それをremoooveない画像が表示されるはずです私はあなたがjqueryライブラリを使用し、ちょうどラインを追加することを示唆することができます画像を確認しようとする場合は、チェックJavaスクリプトの文書の を行くと思うと

$('#img').hide();これを隠すには$('#img').show();を表示してください。 これは非常に具体的ではないですが、あなたは私があなたのHTMLコードを考えるが、

<img src="the adress of the image" id="gif" />

Answer 3

わからない削除/任意のHTMLを表示するための最良の方法は、ディスプレイの特性を利用していること

throu行くsshould 。

1. 隠しイメージを作成します。

2. 関数wall_publish（）{

   document.getElementById('loading').style.display='inline'; /* display it */ 
   
   // do what you need here 
   
   document.getElementById('loading').style.display='hidden'; /* put it away again */ 
   

   }

あり、当然のことながら、ダースの方法は、これを行うことができます。私が最初にjavascriptを学び始めたときに使用していた、最も簡単で簡単なアプローチを選択しました。