PerlでCGIを制作している初学者です。

締切済

質問者：ultimate_coffee
質問日時：2010/07/24 16:18
回答数：3件

PerlでCGIを制作している初学者です。
画像付きのアンケートを作ろうとしているのですが、
その際のページの切り替えがうまくいきません。
普通に1ページに、ボタンやフォームを配置したアンケートは作れるのですが、
自身が作りたいのは、紙芝居のごとく、
1ページ目に画像とアンケートの選択肢であるチェックボックスがあり、
チェックボックス入力後に回答を押すと同時に、配列へチェックボックスの答えを格納し、
2ページ目のアンケートへ移るというものです。

1ページ目や2ページ目のhtmlファイルならびにcgiファイルは用意できているのですが、
1ページ目の返答ボタンをおした際の処理の記述がわかりません。

例えば、
1ページ目
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<CENTER>

<img src="sample.jpg" alt="01" width=800px height=600px>

<FORM method="POST" action="post.cgi"><BR>
<INPUT type="radio" name="answer" value="010" checked>complete mismatch　
<INPUT type="radio" name="answer" value="011">mismatch　
<INPUT type="radio" name="answer" value="012">neutral　
<INPUT type="radio" name="answer" value="013">match　
<INPUT type="radio" name="answer" value="014">complete match　
<BR>
<BR>
<INPUT type="submit" name="submit" value="　SEND　">
<BR>
</FORM>
</CENTER>
</BODY>
</HTML>

と記述し、
post.cgi
#!/perl/bin/perl

print "Content-type: text/html\n";
print "\n";

read(STDIN, $data, $ENV{'CONTENT_LENGTH'});

print "REQUEST_METHOD : $ENV{'REQUEST_METHOD'}<br>\n";
print "CONTENT_LENGTH : $ENV{'CONTENT_LENGTH'}<br>\n";
print "DATA : $data<br>\n";

としたとき、
1ページ目でsample.jpgについての意見をラジオボタンで選択し、それをpost.cgiにて表示させるというサンプル（ここを後で変数の格納に変えます）ですが、この時、1ページに似た構成の2ページ目のアンケートへのリンクの仕方がわかりません。

イメージ的には、
1ページ目表示→回答を配列[0]に格納→2ページ目表示→回答を配列[1]に格納→・・・
最終的には、各ページの回答を記録した配列を出力します。
以上のようなことを実現したいのです。

ＷＥＢなどを探してみたのですが、1ページにボタンやフォームがたくさん埋め込まれたものは発見したのですが、この紙芝居的なアンケートのヒントになりそうなものが見つかりませんでした。

アドバイスや、忠告などで結構ですので、回答を頂けると幸いです。

通報する

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

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： ORUKA1951
回答日時：2010/07/25 00:08

HTMLが間違っているけど主題ではないのでスルーします。

→Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )

　それらの一連のページがほとんど同じものなら、HTMLはスクリプトの末尾の__END__の後にテンプレートを置くか、別ファイルにしておくとよいです。

# ここまでスクリプト
__END__
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
・・・【中略】・・・
</head>
<body>
<h1>title</h1>

<p>
　<img src="sample.jpg" alt="01" width=800px height=600px>
</p>
<div id="form">
　<form method="post" action="post.cgi">
・・・【中略】・・・
</div>
</body>
</html>

　そのうえで、送られたデータを解析してデータベース(簡単なものなら配列をCSVにでも変換したテキストファイルでもよい)に追記して、テンプレートをパターンマッチを使って要素要素を書き変えて出力するとよい。
　スマートなのは、PATH_INFOやQUERY_STRINGSで渡すとよいでしょう。

action="post.cgi/p2.html"　とか、action="post.cgi?page=2"とか・・

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
ＨＴＭＬのチェッカーや詳しいソースのサンプルまで
書いてくださってありがとうございます。
教わった仕組みで少し試行錯誤してみます。
また、解決しませんでしたら書き込むと思いますのでその時は
何とぞよろしくお願いいたします。

通報する

お礼日時：2010/07/25 23:44

No.2

回答者： taka451213
回答日時：2010/07/24 20:32

こんばんは。

ご質問の意図がよくわからないので、変な回答かも知れませんが・・・、
＞2ページ目のアンケートへのリンクの仕方がわかりません。
2ページ目のHTMLをprintします。

- 0
- 件

通報する

No.1

回答者： nine999
回答日時：2010/07/24 16:25

アンケートフォームの中に

<INPUT type="hidden" name="page" value="1">
このように現在のページを示すものを入れておきます。
画面には表示されませんが、送信するとpage=1というデータが送信されます。
これを他のアンケート項目と一緒に取り出しておけば、現在処理しているページがハッキリ判ります。
次はこれに＋１して、２ページ目のフォームを表示します。

この回答への補足

ご回答ありがとうございます。
フォーム内にINPUTでページ番号を記入するのは理解しました。
ありがとうございまず。
ですが、このページ切り替えのための、
カウントアップは、どの段階でどのように行うのでしょうか?
実際に、ＳＥＮＤの部分で、page＝２に変更してみたのですが、
うまくいきませんでした。
＋１でなければいけなかったのでしょうか？
それとも、カウントアップする場所や方法がまずかったのでしょうか。
お手数ですが、ご教授願います。

補足日時：2010/07/24 20:35

通報する