2009-05-20 13 views
1

私のアプリケーションのための.aspxページがロードされたり、postabackやその他のものが表示されたり読み込まれるとアニメーションGIFイメージを表示したいバックグラウンド・プロセスは、上で::ページがロードされたり、バックグラウンドプロセスが進行しているときの進行状況バー(アニメーションGIFイメージ)::

<div id="WaitDialog" style="left: 480px; top: 255px; position: absolute"> 

<img src="http://developers.sun.com/docs/web-app-guidelines/uispec4_0/progress_graphics/asynch-1F.gif" /> 
<FONT size=3 class="text3" ><font color="black">Loading, Please Wait.</font></FONT> 

</div> 

function ProgressBar() 
{ 
    var dialog = document.getElementById("WaitDialog"); 
    dialog.style.visibility = 'hidden'; 
    scrollTo(0,0); 
} 

うとしている........このアニメーション画像も、その後、ちょうど私が(DB操作が言う)は、データベース内の任意の検証を実行した場合、ブラウザのプログレスバーが進行してのようにロードする必要があります画像がロードされるはずです...

1)私は自分のアプリケーションにAJAXを使用していませんので、AJAXが画像にも入りたくないのです。

2)ページの読み込み開始時のように画像が表示されます...

すなわち何かが、私はコードを書くことができますどのように

をロードする必要がありthaの背景と.gifイメージで進行中でやっています今私はJavascript機能のProgressBarを(持っているようTHTにaccordin)私はタグでのonSubmit =「プログレスバーを()」を有することにより、起動した.....

が、この中で私を助けてany1ことはできますか?

+0

は、それが結果として得られる画像THTがポストに表示されます(上記)コードではありません!!!!!! ... どうすれば投稿にコードを貼り付けることができますか? –

+0

完了!あなたは "コード"としてそれをフォーマットする必要があります。 – Cerebrus

答えて

3

次のコードでは、画像はデフォルトでは既に表示されていますが、ページが完全に読み込まれると非表示になります。フォームの送信が行われたときに表示されます。

ポストバックが発生すると、イメージはまだ表示されますが、ブラウザがすべての要素のロードを完了したときに起動するwindow.onload()で非表示になります。

<head> 
<script type="text/javascript"> 
    window.onload = function(){ //hide onload 
      var dialog = document.getElementById("WaitDialog"); 
      dialog.style.display = 'none'; 
      scrollTo(0,0); 
    } 
    function showProgressBar(){ //show on submit 
     var dialog = document.getElementById("WaitDialog"); 
     dialog.style.display = 'block'; 
    } 
</script> 
</head> 
<body> 
<div id="WaitDialog" style="left: 480px; top: 255px; position: absolute"> 
    <img src="http://developers.sun.com/docs/web-app-guidelines/uispec4_0/progress_graphics/asynch-1F.gif" /> 
<font size=3 class="text3" > 
    <font color="black">Loading, Please Wait.</font> 
</font> 
</div> 
<form onsubmit="showProgressBar()"> 
    .... all the ASPX controls and stuff 
</form> 
</body> 
</html> 
0

読み込み時に問題が発生します。

アンロードするために、身体のonunloadにそれを投げる:私はdivタグを持つ(私の.aspxページで使用される)私のHTMLコードを貼り付けるとき

<body onunload="javascript:ProgressBar()"> 
関連する問題