これはどんなHTMLページにでも追加設置できるコメント・フォームです。フォームには字上符文字入力を支援する機能が備わっています。ただしサーバーでphpを実行できることが条件です。
1. zipフィアルを展開します。
2. 同梱のcommentform.php内の管理パスワードを書き換えます(7行目あたり)。
$root = 'rootpasswd';
3. コメント投稿の通知を受け取るために、同梱のcommentform.php内のサーバー名とメールアドレスをご自身の環境に合わせて書き換えます(45行目あたり)。受信用メールアドレスと送信用メールアドレスは同じものでもかまいません。
/*メール送信*/ $myhost="http://hoge.co.jp"; mb_language("uni"); mb_internal_encoding("UTF-8"); $to = 'to@hoge.co.jp'; $subject = 'コメントの投稿がありました。'; $body = 'Commented HTML : '.$myhost.$m_file. "\r\n====\r\n".$m_comment; $headers = 'From: form@hoge.co.jp' . "\r\n"; mb_send_mail($to, $subject, $body, $headers);
HTMLの文字コードはutf-8専用です。
普通のHTMLページに、cssファイルとjavascriptを2つ読み込み、下記のフォーム用コードを任意の場所に記述します(通常、フッタ部の直前)。サンプルHTMLを同梱していますので、参照してください。HTMLファイルはどの階層のディレクトリに置いてもかまいません。
css(head部に)
<link rel="stylesheet" href="/commentform_eo/commentform.css" type="text/css">
javascript(head部に)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://qitailang.small.jp/eo/js/eoenigilo-03.js"></script>
フォーム用HTMLコード(body部に)
<form action="javascript:void(0)" name="commentform" id="commentform"> <ol class=rule> <li>このページに関するご感想・ご質問などをお書き下さい。</li> <li>タグは使用できません。 <li>パスワードを設定しておくとご自身の投稿を削除できます。</li> <li>当サイトにふさわしくないと判断した投稿は管理者がことわりなく削除することがあります。</li> </ol> <table> <tr> <th align=right style="width:5em;">お名前</th> <td><input type="text" name="name" size=20 class="eo-area01" check="method"></td> </tr> <tr> <th align=right nowrap>パスワード</th> <td><input type="password" name="pw" size=8 maxlength=8>英数字8文字以内</td> </tr> <tr><th align=right>件名</th> <td><input type="text" name="title" size=60 class="eo-area02" check="method"></td> </tr> <tr> <td colspan="2"> <textarea name="comment" rows=10 style="width:100%" class="eo-area03" check="method"></textarea></td> </tr> <tr> <td colspan="2" align=right> <span style="display:none"> <label for="rulecheck">上記「コメントに関する約束」に同意します。</label> <input type="checkbox" name="rulecheck" id="rulecheck" value="1" checked> </span> <input type="radio" name="method" value="1" checked="checked"><span class=en>C^U~</span> <input type="radio" name="method" value="2"><span class=en>^C~U</span> <input type="radio" name="method" value="3"><span class=en>CxUx</span> <input type="radio" name="method" value="4"><span class=en>Ch,w</span> <input type="radio" name="method" value="5"><span class=en>無視</span> <input type="reset" value="リセット" class="commandButton"> <input type="button" value="送信する" class="commandButton" onclick=" if (this.form.name.value=='') { alert('お名前が記入されていません。'); return; } if (this.form.comment.value=='') { alert('コメント本文をご記入ください。'); return; } if(confirm('送信してもよろしいですか?')) { commentformsubmit(); }"> </td> </tr> </table> </form> <div id="commentBox"></div> <script type="text/javascript" src="/commentform_eo/commentform.js"></script>
1. 同梱されている"commentform_eo"フォルダを中身ごとルート直下にアップロードします。パーミッションについては同梱の "readme.txt" をお読み下さい。
2. フォームを設置するHTMLを任意の階層にアップロードします。