03/16(Sun) 01:54
■ ご意見番の作り方
インタラクティブなしかけに挑戦。読者投票ページを作ろう。読者が投票すると集計結果が自動的に表示されるページがあると面白いと思いませんか?うまく動いたら、「菊池さんちの掲示板」の方にもその旨書き込んでいただくと大変うれしいです。
好きな曲目の投票、好きなペットの投票など色々と応用できますよ。
下のフォームからあなたの感想を選択し「ご意見」ボタンを押してください。サンプルが表示されます
■作成手順を説明します。
- プログラムをダウンロードします.
- ダウンロードしたプログラムをを解凍し、編集します.
- サーバに転送し、実行権を設定をします.
■ プログラムをダウンロードします。
プログラムの名前を左クリックするとダウンロードを始めます。
(右クリックでなくて左クリックですのでご注意下さい。)
downcnt.cgiという名前で保存されますがこれをLhasaなどの解凍ソフトでそのまま解凍します。
■ ダウンロードしたファイルを解凍し、編集します。
- ファイルの構成と内容
ファイルを解凍すると、以下の3つのファイルが作られます。
- vote.cgi(ご意見番本体)
- vote.txt(データファイル)
- vote.html (サンプルhtml)
- vote.cgi
- 1行目: #!/usr/local/bin/perl をあなたのプロバイダの「perlのあるパス」に書き換えます。
多くのプロバイダはこの指定で大丈夫と思いますが、うまくいかない場合はプロバイダに問い合わせて下さい。Infowebの場合は #!/usr/bin/perl になります。
- 11−14行目:$Name[i]、$bgc[i]にグラフに表示する項目名と背景色を指定します。サンプルは4項目ですが、5項目にする時は$Name[4]、$bgc[4]をペアで追加します。3項目の場合は$Name[3]、$bgc[3]を削除します。
- 10行目:グラフの横の長さです。あなたのページに合わせて調整してください。
- 79行目:print "<P><a href='vote.html'>戻る\n";のvote.htmlをあなたの戻したいページに変更します。
- vote.txt
- vote.txtは、カウント数を記録するファイルです。項目数と同じ行数の0をセットします。サンプルは4項目ですので4行の0をセットしてあります。項目数3の場合は3行の、項目数6の場合は6行の0をセットします。
- vote.html
- vote.html中のフォーム文が投票の入力になります。<FORM>から</FORM>の部分を切り取り入力フォームを表示したいHTML文に貼りつけます。
- VALUE="0"からVALUE="3"は$Name[0]から$Name[3]に対応しています。サンプルは4項目ですので0-3のVALUE値がセットされてますが、項目を増やす時は新たにOPTION行を追加します。VALUE="i"の項目が選択されるとCGI内で$Name[i]の投票数がカウントアップされます。
■ サーバに転送し、実行権を設定をします。
- vote.cgi、vote.txt、入力フォームを貼りつけたHTML文、をサーバ側にアスキーモードで転送します。
- ファイルの構成と実行権
転送が終わったら、vote.cgiに実行権755を、vote.txtに666を設定します。
入力フォームを貼りつけたHTML文
vote.cgi (755)
vote.txt (666)
さぁ、これで完成です。フォーム入力の「ご意見」ボタンをクリックして見ましょう。投票結果のグラフが表示されれば完成です。
|