インタラクティブなしかけに挑戦。読者投票ページを作ろう。読者が投票すると集計結果が自動的に表示されるページがあると面白いと思いませんか？うまく動いたら、「菊池さんちの掲示板」の方にもその旨書き込んでいただくと大変うれしいです。
好きな曲目の投票、好きなペットの投票など色々と応用できますよ。

下のフォームからあなたの感想を選択し「ご意見」ボタンを押してください。サンプルが表示されます

■作成手順を説明します。

1. プログラムをダウンロードします．
2. ダウンロードしたプログラムをを解凍し、編集します.
3. サーバに転送し、実行権を設定をします.

• vote.lzh (約2KB)

プログラムの名前を左クリックするとダウンロードを始めます。
(右クリックでなくて左クリックですのでご注意下さい。)

downcnt.cgiという名前で保存されますがこれをLhasaなどの解凍ソフトでそのまま解凍します。

1. ファイルの構成と内容

   ファイルを解凍すると、以下の３つのファイルが作られます。

   • vote.cgi（ご意見番本体）
   • vote.txt（データファイル）
   • vote.html (サンプルhtml)

2. vote.cgi
   • １行目： #!/usr/local/bin/perl をあなたのプロバイダの「perlのあるパス」に書き換えます。
     多くのプロバイダはこの指定で大丈夫と思いますが、うまくいかない場合はプロバイダに問い合わせて下さい。Infowebの場合は #!/usr/bin/perl になります。

   • 11−14行目：$Name[i]、$bgc[i]にグラフに表示する項目名と背景色を指定します。サンプルは４項目ですが、５項目にする時は$Name[4]、$bgc[4]をペアで追加します。３項目の場合は$Name[3]、$bgc[3]を削除します。

   • 10行目：グラフの横の長さです。あなたのページに合わせて調整してください。

   • 79行目：print "<P><a href='vote.html'>戻る\n";のvote.htmlをあなたの戻したいページに変更します。

3. vote.txt
   • vote.txtは、カウント数を記録するファイルです。項目数と同じ行数の０をセットします。サンプルは４項目ですので４行の０をセットしてあります。項目数３の場合は３行の、項目数６の場合は６行の０をセットします。

4. vote.html
   • vote.html中のフォーム文が投票の入力になります。<FORM>から</FORM>の部分を切り取り入力フォームを表示したいHTML文に貼りつけます。

   • VALUE="0"からVALUE="3"は$Name[0]から$Name[3]に対応しています。サンプルは４項目ですので0-3のVALUE値がセットされてますが、項目を増やす時は新たにOPTION行を追加します。VALUE="i"の項目が選択されるとCGI内で$Name[i]の投票数がカウントアップされます。

1. vote.cgi、vote.txt、入力フォームを貼りつけたHTML文、をサーバ側にアスキーモードで転送します。

2. ファイルの構成と実行権
   転送が終わったら、vote.cgiに実行権755を、vote.txtに666を設定します。

   入力フォームを貼りつけたHTML文
   vote.cgi (755)
   vote.txt (666)