1. Qitailang's HP
  2. Esperanto
  3. 字上符号付き文字関連ツール

Almetebla komento-formulo : 字上符文字入力機能付きコメントフォーム

これはどんなHTMLページにでも追加設置できるコメント・フォームです。フォームには字上符文字入力を支援する機能が備わっています。ただしサーバーでphpを実行できることが条件です。

ekzemplo

ダウンロード

komento_eo.zip

設置

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への追加内容

HTMLの文字コードはutf-8専用です。

普通のHTMLページに、cssファイルとjavasxriptを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://www.geocities.jp/id_qtl/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 (this.form.rulecheck.checked==false) {
		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を任意の階層にアップロードします。


下のコメントフォームはテスト用ではありません。テストにはコチラをお使い下さい。JaEo
  1. このページに関するご感想・ご質問などをお書き下さい。
  2. タグは使用できません。
  3. パスワードを設定しておくとご自信の投稿を削除できます。
  4. 当サイトにふさわしくないと判断した投稿は管理者がことわりなく削除することがあります。
お名前
パスワード 英数字8文字以内
件名
C^U~ ^C~U CxUx Ch,w 無視