本日  昨日
 
03/16(Sun) 00:29

ご意見番の作り方

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

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

作成手順を説明します。

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

プログラムをダウンロードします。

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

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


ダウンロードしたファイルを解凍し、編集します。

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

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

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

  2. 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をあなたの戻したいページに変更します。

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

  4. 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]の投票数がカウントアップされます。


サーバに転送し、実行権を設定をします。

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

  2. ファイルの構成と実行権
    転送が終わったら、vote.cgiに実行権755を、vote.txtに666を設定します。
    入力フォームを貼りつけたHTML文
    vote.cgi (755)
    vote.txt (666)
    

さぁ、これで完成です。フォーム入力の「ご意見」ボタンをクリックして見ましょう。投票結果のグラフが表示されれば完成です。
 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ