プログラム実行中の待機ページを作りたいのですが方法がわかりません。

解決済

質問者：kiki28
質問日時：2010/06/02 17:56
回答数：1件

プログラム実行中の待機ページを作りたいのですが方法がわかりません。

私はPerlを使ってCGIを作成しようとしています。
出力するHTMLページは３枚です。

１、フォーム入力をするページ
２、Perlプログラムが動いている間の待機ページ
３、結果出力ページ

です。
１から得た情報をもとにPerlプログラムが動きます。ここはActionでページ移動します。
結果が出るまでにそこそこ時間がかかるので
２の待機ページにおいてGIF画像を出力し、暇を持て余さないようにします。
プログラムが終了すると３のページに移動し、結果を出力する。

というような仕様です。
このような事を実現できますか？
どのようにすれば実現できるでしょうか？

実際に実現している人はいるのですが仕組みがわかりません。
わかりにくい説明で申し訳ありませんがどなたご教授頂ければと思います。

宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： JaneDue
回答日時：2010/06/08 19:03

ページ移動は不要です。

移動させる手もありますが、どちらにしても一旦出力したものを書き換えるのでJavaScriptが必要になります。移動させる場合、直でリンクされてもこまるので、referrer調べたり sessionやcookie等で確認が必要になったり、またはjavaScript有効無効の考慮などかえって面倒になりますよ。

以下移動しないタイプの流れ
---------------------------------------------------------○○.cgi
#!/usr/bin/perl
$| = 1; #バッファ無効

# 考え方としては、処理の前にとにかく待機中画像までを表示。
# ただし途中まで。htmlは完了させない
print "Content-type: text/html\n\n";
print <<EOL;
<html><head></head><body>
□□□□□□□□□□□□□□□□□□□□□□□□□<br>
□□□□□□□□□□□□□□□□□□□□□□□□□<br>
<script type="text/javascript">
document.write("<div id='watingDiv'>");
document.write("<img src='クルクル.gif'>ただいま処理中です。");
document.write("</div>");
</script>
EOL

# 時間のかかる本処理～
sleep 5;

# 本処理が完了次第、JavaScriptで待機中divを消す
print <<EOL;
<script type="text/javascript">
document.getElementById('watingDiv').style.display='none';
</script>

処理が終わりました。<br>
</body></html>
EOL

exit;
---------------------------------------------------------------
※□□□～はIE対策。(バイト数が少ないと勝手にバッファしてしまう)
　もろちん削除してかまいません。
※移動がよければ、最後にdivを消すのではなく、
　location.href='完了ページ'; 等で飛ばしてやればよいでしょう。