ゲストブックをきちんと機能させるには？

ゆっきー [E-Mail] [HomePage] 2000/03/19(日) 05:32:32
みなさんこんにちわ。ホームページ作成初心者のユッキーと申します。あのですね、ゲストブックを作ろうと思って本を見たり、他の人のソースを見て書いたりしたんですけど、送信ボタンを押してもきちんとサンクス用のhtmファイルに行かず、ゲストブックに書き込みもされず、メールも届かず（そういう設定をしたつもり）ほとほと困っています。フレームを作ったからなんでしょうかねぇ？
フレームで2分割にして、子には索引風にしてリンク項目が5つほど。親にはリンクされたファイルがでる様にしてます。
とりあえず、私の作りかけHPを見て、なんでか教えてください。
お願いします。

Ichi 2000/03/19(日) 06:06:19
リンクが間違ってますが。(>[HomePage])
えー、この際ですから、作ってるゲストブックのスクリプトを、
拡張子を.txt辺りにしてアップしておいてください。

ユッキー [E-Mail] [HomePage] 2000/03/20(月) 01:20:24
すみません。HPアドレスを打ちまちがえておりました。
wwwを余分に入れてました。
問題の箇所のテキストを入れます。どうか審査して下さい。お願いします。
テキスト
<HTML>
<HERD><TITLE>ユキコのホームページに挑戦！-メッセージ広場-</TITLE></HERD>
<BODY BACKGROUND="back.jpg">
<FROM ACTION="/cgi-bin/guestbook/syousyarin/myguest.htm" method="POST">
<HR>
<H1 ALIGN="CENTER"><FONT COLOR="#ff5500">メッセージ広場</FONT></H1>
<HR>
<P>
<FONT COLOR="#000000">ここでは、みなさんのメッセージなどをワタクシめに送ったり、意見を公開したりするコーナーです。
<BR>ユッキーはネットでいっぱい友達作るのが夢なのでみなさん協力してやってください（笑）
<BR>あまり悪口などは書かないでね、ヨロシク。
<BR>ではいってみよ～！</FONT>
<P>
<FONT COLOR="#ff0000">お名前<INPUT TYPE="text" NAME="name">
<P>
e-mailアドレス<INPUT TYPE="text" NAME="email">
<P>
HomePageタイトル<INPUT TYPE="text" NAME="urlname">
<P>
HomePageアドレス<INPUT TYPE="text" NAME="homepage" VALUE="http://">
<P>
タイトル<INPUT TYPE="text" NAME="title">
<P>
コメント<TEXTAREA NANE="comment" ROWS=10 COLS=65>
</TEXTAREA>
</FONT>
<INPUT TYPE="hidden" NAME="required" VALUE="comment,email,name">
<INPUT TYPE="hidden" NAME="ResponsePage" VALUE="http://members.aol.com/syousyarin/thanks.htm">
<INPUT TYPE="hidden" NAME="notify" VALUE="yes">
<P ALIGN="CENTER">
<INPUT TYPE="SUBMIT" VALUE="送信する">
<INPUT TYPE="RESET" VALUE="リセット">
</FROM>
<BR>
<FONT COLOR="#ff0000"><CENTER><A HREF="myguest.htm" TARGET="right">コメントを見る</A></CENTER>
</FONT>
</BODY>
</HTML>

cobalt [E-Mail] 2000/03/20(月) 01:47:49
とりあえず、FORMタグの綴りを間違えているようですが？　(^^;
<FROM ACTION="/cgi-bin/guestbook/syousyarin/myguest.htm" method="POST">
　↓
<FORM ACTION="/cgi-bin/guestbook/syousyarin/myguest.htm" method="POST">
（閉じタグも同じです）
としてみて下さい。

黒 2000/03/20(月) 17:19:22
http://www.vector.co.jp/soft/win95/net/se085205.html?y
にあるＨＴＭＬ　Ｍａｋｅｒ　ＡＺＵＫＩ
のＨＴＭＬ文法チェックによると、
（HTMLとしては完全な誤りで、修正が必要、って出てくるとこだけ）

２　　<HERD>　　　存在しない要素です。
（エラー内容・・・[説明]HTML4.0の仕様で、存在しない要素と思われます。
２　　<TITLE>　　<HEAD>～</HEAD>内に<TITLE>～</TITLE>は必ず入れましょう。
２　　</HERD>　　存在しない要素です。
４　　<FROM>　　　存在しない要素です。
２６　<TEXTAREA>　存在しない属性が指定してあります。
３６　</FROM>　　存在しない要素です。

だそうです(^_^;

って本題からは外れるんですが、ＨＴＭＬとはいえ、
σ(^◇^;)は一応プログラミングの一種だとは思うんです。
（あ＾＾；ここはつっこまんといて(^。^;)）

であれば、デバック環境次第だと思うし、
よりよいデバッカがあると便利かなっと(^_^;
σ(^◇^;)がこことかで見ててJScript組み始めた時に、
（最初はALARTのみでしてたけど（＾＾；）
そこらへんの便利デバッカの紹介もあっていいかなっと(^-^;
（Microsoft Script Debuggerの入手方法とかでも？(^_^;)）

なものんで（＾＾簡単に（？）使えるデバッカを
知っているのがあれば紹介するのもいいと思うのですが？（＾＾
（ＧＵＩなデバッカは便利ですしね(^-^;）
（新規スレッドでするのがいいのかも？（＾＾；）
（デバッカに頼るとうんぬんは置いておいて(^-^;）

と言う事で、でわでわ（＾＾

黒 2000/03/20(月) 17:46:52
デバッカじゃなくデバッガ、でした(;^_^Ａ

Fuji.♪ [E-Mail] [HomePage] 2000/03/21(火) 17:41:24
HTMLが書式的に正しいかどうかを調べるのであればAnother HTML-lint( http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html )辺りがお勧めでしょうか。

あと、ふと思った疑問ですが、 /cgi-bin/guestbook/syousyarin/myguest.htm と、formのactionとしてHTML文書が指定されていますが、これもCGIスクリプトとして動作するのでしょうか？ (^^;

ユッキー [E-Mail] [HomePage] 2000/03/21(火) 20:22:42
えっと、cobaltさんの言ったとおりにやってみたんですが、ダメでした。こういうことで、いいんですよね？
<FROM ACTION="/cgi-bin/guestbook/syousyarin/myguest.htm" method="POST">

　↓　この間にいろいろなフォームや文章の設定を書く

<FORM��ACTION="/cgi-bin/guestbook/syousyarin/myguest.htm" method="POST">
としたんですが・・・。
あと、黒さんの意見がよく意味がわからないんです。（すみません、初心者なもので・・・）多分、Fuji.♪さんと一緒でホームページの検査＆意見をしてくれているところに行って見てくれたんだと思い、私も行って検査してもらったのですが、さっぱり書いてあることが分かりませんでした。(^-^;）
一体何でなのかなぁ？やっぱり素人にはハードルが高いのでしょうか？

Syn [E-Mail] 2000/03/21(火) 20:49:32
もしかしてひょっとしてですが、

　　「CGI スクリプト」がなんのことかわからない

状態ではありませんか?

どうも、フォームを置けばゲストブックができると思っていらっし
ゃるようなフシが見受けられるのですが…
CGI の設置は済んでいるということでしたらわたしの勘違いですの
で無視してください。

wosamu 2000/03/21(火) 20:52:47
私は本人ではないのでわかりませんが、
おそらく黒さんの意見はwebページを作るには文法的に
正しいHTMLが必要だよ、それを作るにはデバッガという
ツールが有効だよ、という程度のことだと思います。

>一体何でなのかなぁ？やっぱり素人にはハードルが高いのでしょうか？
直接メモ帳などでHTMLを記述していくスタイルは
プログラミング経験の全く無い人などには
敷居が高く感じられる事もあるかもしれません。

そういう場合にはHTMLを生成してくれるツールを使うのも
一つのてかもしれません。
ネットスケープコミュニケーターに付属するコンポーザーや
IBM社のホームページビルダー等がそれです。

あと、フォームを使ってメールを出す設定はHTMLよりも難しい
CGIという仕組みをつかう場合が多いのでとりあえずは普通に表示される
サイトを作成した後に勉強してと、段階を踏んでいくのが良いでしょう。
近くに詳しい人がいればその人に聞いてみるのが上達の近道だと思います。

最後に本やソースを見て作ったとの事なのですが、
どのような本やサイトを参考にされたのでしょうか?
いや、全く個人的な興味なのですが。

cobalt 2000/03/21(火) 23:36:44
>えっと、cobaltさんの言ったとおりにやってみたんですが、ダメでした。こういうことで、いいんですよね？
済みません、私の説明文が短すぎたため誤解させてしまったようですね。　(^^;

綴り修正後の全文はこうなります。

<HTML>
<HEAD><TITLE>ユキコのホームページに挑戦！-メッセージ広場-</TITLE></HEAD>
<BODY BACKGROUND="back.jpg">
<FORM ACTION="/cgi-bin/guestbook/syousyarin/myguest.htm" method="POST">
<HR>
<H1 ALIGN="CENTER"><FONT COLOR="#ff5500">メッセージ広場</FONT></H1>
<HR>
<P>
<FONT COLOR="#000000">ここでは、みなさんのメッセージなどをワタクシめに送ったり、意見を公開したりするコー
ナーです。
<BR>ユッキーはネットでいっぱい友達作るのが夢なのでみなさん協力してやってください（笑）
<BR>あまり悪口などは書かないでね、ヨロシク。
<BR>ではいってみよ～！</FONT>
<P>
<FONT COLOR="#ff0000">お名前<INPUT TYPE="text" NAME="name">
<P>
e-mailアドレス<INPUT TYPE="text" NAME="email">
<P>
HomePageタイトル<INPUT TYPE="text" NAME="urlname">
<P>
HomePageアドレス<INPUT TYPE="text" NAME="homepage" VALUE="http://">
<P>
タイトル<INPUT TYPE="text" NAME="title">
<P>
コメント<TEXTAREA NAME="comment" ROWS=10 COLS=65>
</TEXTAREA>
</FONT>
<INPUT TYPE="hidden" NAME="required" VALUE="comment,email,name">
<INPUT TYPE="hidden" NAME="ResponsePage" VALUE="http://members.aol.com/syousyarin/thanks.htm">
<INPUT TYPE="hidden" NAME="notify" VALUE="yes">
<P ALIGN="CENTER">
<INPUT TYPE="SUBMIT" VALUE="送信する">
<INPUT TYPE="RESET" VALUE="リセット">
</FORM>
<BR>
<FONT COLOR="#ff0000"><CENTER><A HREF="myguest.htm" TARGET="right">コメントを見る
</A></CENTER>
</FONT>
</BODY>
</HTML>

それから、Fuji.♪さんの仰るように私もACTIONにhtmlを指定するのはかなり疑問です。
これで動作しなければ、そっちを疑って見るのも一つの方法ですが？

因みに、私はＨＴＭＬの作成はメモ帳オンリーなので、ホームを作成してくれるツール等については
お力になれません、ごめんなさい。　m(_ _)m

黒 2000/03/22(水) 00:18:29
>おそらく黒さんの意見はwebページを作るには文法的に
>正しいHTMLが必要だよ、それを作るにはデバッガという
>ツールが有効だよ、という程度のことだと思います。
ですね(^_^;自分で書いてると結構ケアレスミスも
あったりするんで(^^;

とあと例として出したのは
タグ挿入型のＨＴＭＬ作成のソフトです＾＾
（ついでに？文法のチェックも付いていています（＾＾）

っと＾＾まずは<FORM>タグってなんだろうって、
そこでＷＷＷ入門のＨＴＭＬのとこを見たり本もみたりして、
一つずつ覚えるといいかも、ですね（＾＾

今はとりあえず<FORM>と<HEAD>のつづりの間違えを直して、
<FORM>タグって何をするのか、と（＾＾
（ただしＡＯＬは.cgiじゃなく.htmと読み替えてください（＾＾；）
それとフレームで最初分割してるので、
まんまならtarget属性も必要になります＾＾

>どうも、フォームを置けばゲストブックができると思っていらっし
>ゃるようなフシが見受けられるのですが…
ＡＯＬは出来るようです（？）（＾＾；
フォームとちょっとした設定のみでいいっぽい（？）（＾＾；
（でも何故に.htm？(^-^;/cgi-bin/で切ってあるから
CGIなんだろうけど(^_^;）
（理由の説明出来る人いたらお願いしますm(_ _；)m）

黒 2000/03/22(水) 00:30:01
TARGETはいらなかったですね(;^_^Ａ（毎回なんか失敗してる(^_^;）

ユッキー [E-Mail] [HomePage] 2000/03/23(木) 19:15:16
＞最後に本やソースを見て作ったとの事なのですが、
＞どのような本やサイトを参考にされたのでしょうか?
＞いや、全く個人的な興味なのですが。
とのことでしたので、AOLにHP作成の為の説明文を参考にしたので見て下さい。（長くてすみません。）

注意：ここに使用されているテキスト表示は都合上サンプルHTMLタグの前後に半角スペースが挿入されています。

例：<スペースimg src="/cgi-bin/counter?name=スクリーンネーム"スペース>

スクリプトをコピーしてご使用になられる際は必ずスペースを取り除いてからご使用ください。

現在AOLで使用できるCGIプログラムは、

(1)アクセスカウンター
(2)ゲストブック
(3)電子メール

の３種類です。ここでは、(2)ゲストブックについて解説します。

【ゲストブック】

ゲストブック機能を使うと、ホームページを見に来てくれた人が書き込んだメッセージを保存し、それをレイアウトして再びホームページに表示させることができます。
ゲストブックを作成するには、HTMLの「フォーム」を使います。あなたのホームページを見た人は、ホームページ上のフォームにメッセージを書き込んでいき、記入が終わったら「送信」ボタンを押します。そうすると、“Thank You!”という文字が表示されて、そのメッセージはあなたが指定したフォーマットに従って保存されます。
では、以下に設定方法を説明します。

（基本的な設定）

■ステップ１：「フォーム」で入力用のページを作る

HTMLの「フォーム」タグでメッセージ入力用のページを作成します。その際、「フォーム」タグには次のような指定を行います。

< form action="/cgi-bin/guestbook/スクリーンネーム/myguest.htm" method="POST" >

「スクリーンネーム」の部分には、あなたのスクリーンネームを記入します。「myguest.htm」はメッセージを保管するためのデータファイルです。別のファイル名を付けても構いませんが、拡張子は「.htm」にしてください。

■ステップ２：「テンプレート」ファイルを作る

「テンプレート」は、「フォーム」から送られたデータをどのように整理するかを指示するテキストファイルです。その中身は次のようになります。

ホームページの感想：#comments#
e-mailアドレス：#email#

「#」と「#」で囲まれた部分は、「フォーム」で指定した入力フィールド名で、「NAME=」オプションで指定した名前を使います。ブラウザーで見たとき、この部分に「フォーム」で入力されたそれぞれのデータが表示されます。
この「テンプレート」ファイルはmembers.aol.comのホームページ用のディレクトリに入れておきます。ファイルの名前はステップ１で作成したデータファイルと同じ名前を付けますが、ここでは拡張子として「.gbt」を付けてください。
なお、テンプレートにはHTMLタグで文字の属性を指定することができます。

(例)

< BR >
< HR >
< P align=center >
< FONT SIZE=+3 >
< A HREF="mailto:#email#" >お名前： #name#< /A >
< P align=center >
#date# #time#
< /FONT >
< P align=center >
< A HREF="#page#" >#page#< /A >
< P >
< FONT SIZE=+2 COLOR="DARKGREEN" >コメント：#comments#
< /FONT >

■ステップ３：データファイルを初期化する

ホームページを見た人から送られてくるメッセージは、「テンプレート」に記述した形式で、「ステップ１」で指定したデータファイルに追加されていきます。データファイルにタイトルや説明文を付けたい場合は、最初にその書き込みを行ってください。

（作成上のポイント）

・「フォーム」、データファイル、「テンプレート」の３つのファイルは、あなたのディレクトリのトップレベルに置く必要はありません。ただし、データファイルとテンプレートは、同じディレクトリに置かなければなりません。また、incomingディレクトリには置かないようにしてください。

・ゲストブックは複数作ることができます。

・特定の入力フィールドへの入力を必須のものにしたい場合は次のような指定を付け加えます。「VALUE=」オプションで指定されている項目が入力必須項目となります。
（例）
< INPUT TYPE="hidden" NAME="required" VALUE="comments, email" >

・記入を終えて「送信」ボタンを押すと、その返事として自動的に“Thank You!”という文字が表示されます。ここで自分で作った応答ページ（たとえば自分で作ったthanks.htmというページ）を表示したい場合には、「フォーム」に次のような指定を加えます。「VALUE=」のオプションでは、表示させたいページのURL（アドレス）を記入します。
（例）
< INPUT TYPE="hidden" NAME="ResponsePage" VALUE="http://members.aol.com/スクリーンネーム/thanks.htm" >

・「ゲストブック」に記入のあったことが自動的に電子メールで通知されるように設定するには、「フォーム」に次のような指定を加えます。
（例）
< INPUT TYPE="hidden" NAME="notify" VALUE="yes" >

・「ゲストブック」に書き込みのあった日付や時刻を表示したい場合には、「テンプレート」に#date#や#time#を書き加えます。

・入力フィールド名には、大文字と小文字の区別がありません。

・通常、ィールドに書き込まれたHTMLタグは無視されます。HTMLタグを送信できるようにするには、次のような指定を「フォーム」に付け加えます。
（例）
< INPUT TYPE="hidden" NAME="Allowhtml" VALUE="yes" >

・「テンプレート」ファイルのサイズは100Kバイト以下でなくてはなりません。

・データファイルのサイズは１Mバイトまでとなっています。ゲストブックのサイズがその90パーセントに達すると、自動的に警告のメールがあなた宛てに送られます。容量を超えると、新しいメッセージの追加はできなくなり、追加しようとするとエラーメッセージが表示されます。
と、まぁこんな感じなんですが・・・。
多分私がやっているのと合っているとは思うんですが、ちゃんと出来ないってことはやってないんでしょうねぇ・・・。ガックシ。
フォームとハードのつづりを治したら英文でのエラーメッセージがかわったんですけど。（AOLのエラーメッセージは英語で困る！私は中学の英語のテスト18点だったんだぞ～！わからへ～ん、しくしく。）そのところにcommentという一節があったんでそこが原因なんでしょうか？

cobalt [E-Mail] 2000/03/23(木) 23:41:26
え～っと、ＨＰへ行ってエラー出力を見て来ました。
これって、TEXTAREAのNAME属性の綴りミスの様ですけど。

>コメント<TEXTAREA NANE="comment" ROWS=10 COLS=65>
></TEXTAREA>

この行ですが、NANE="comment"となっていますが、正しい綴りは
NAME="comment"です。
私の一つ前の発言を切り張りしても良いですけど。

つまり、NAME属性の綴りを間違えているために、TEXTAREAのデータに
名前を付けられず、また、"comment"って値が何を指しているのが解らない
ってのがエラー内容のようですけど・・・実は私も英語はよく解らないんです。　(^^;

黒 2000/03/23(木) 23:47:35
もしかしたら？comments？「s」複数形？（＾＾；
テンプレートと名前が一致していない？(・＿・？）

ユッキー [E-Mail] [HomePage] 2000/03/24(金) 00:26:07
無事解決しました！
どうやら文字3箇所書き間違えていたようで・・・。
すみません。こんなアホな私に愛の手をさしのべてくださった、黒さん、cobaltさん、wosamuさん、Synさん、Fuji.♪さん、Ichiさん。みなさんほんっとうに本当にありがとうございました！！！
また分からないことがありましたときにはよろしくおねがいしますね（＾＾；テヘヘ。←調子のいいわたし・・・。

ユッキー [E-Mail] [HomePage] 2000/03/24(金) 00:27:15
[[解決]]
無事解決しました！
どうやら文字3箇所書き間違えていたようで・・・。
すみません。こんなアホな私に愛の手をさしのべてくださった、黒さん、cobaltさん、wosamuさん、Synさん、Fuji.♪さん、Ichiさん。みなさんほんっとうに本当にありがとうございました！！！
また分からないことがありましたときにはよろしくおねがいしますね（＾＾；テヘヘ。←調子のいいわたし・・・。

[上に] [前に] [次に]