m-mail Ajax版
サンプル(送信は出来ません)
ダウンロード
Windowsに付属している「メモ帳」やMacintoshに付属している「テキストエディット」
で編集すると不具合が出ますので、UTF-8N(BOM無)対応のテキストエディタで改造・編集してください。
編集の際、漢字コード、改行コードは変更しないでそのまま保存してください。
機能
- Ajaxを活用したメールフォーム
- デザインが自由に出来るスキン式メールフォーム
- 1つのcgiで、複数のメールフォームに対応
- 自動返信(機能有無設定)
- 複数のメールアドレスへ送信可能
- 必須項目設定可能
- 確認用メールインプット(機能有無設定)
- 確認画面表示(機能有無設定)
- ブラウザの「戻る」をクリックしてもインプットは空白にならない
ファイル構成
mail.cgi- プログラム本体
mimew.pl- MIMEエンコーダ、デコードのライブラリ
mailform.html- メールのhtmlテンプレート
thankyou.html- サンキューのhtmlテンプレート
sample.html- Ajaxを呼び出すhtml
css(フォルダ)- Ajax関連のcss
images(フォルダ)- Ajax関連のimg
js(フォルダ)- Ajaxプログラム
readme(フォルダ)- 設定マニュアル
各入力項目
mail.cgi
Perlのパスを設定します。代表的なPerlのパスには以下のものがあります。
サーバーによって異なりますのでサーバーにお問い合わせてください。
#!/usr/bin/perl
#!/usr/local/bin/perl
19行目
sendmailパスです。たいていはこのままでOKですが、不明の場合はサーバーにお問い合わせください。
$sendmail = '/usr/lib/sendmail';
22行目
自分のメールアドレスです。
$my_mail = '○○@○○.com';
25行目
複数のメールアドレスです。「,」でつなぐようにしてください。
$my_mail = '○○@○○.com','○○@○○.com';
※複数でなく、一人の場合は以下のようにしてください。
$my_mail = '○○@○○.com','';
28行目
タイトルです。好きなタイトルを付けてください。
$title = "m-mail";
68行目
入力必須項目設定です。
例えば、フォームで
電話番号:<input type='text' name="電話" value="">
という箇所があり、これを必須項目にする場合は
@inputCheck = (
['電話','電話番号']
);
という風に記述する。
その他
自分の好みに合わせて設定してください。
mailform.html
cgiへのパスを記す。(プロバイダーの指示によっては絶対パス)
<form action="./mail.cgi" method="POST">
自動返信のメールのタイトルです。
<input type="hidden" name="subject" value="メールフォーム">
css 、images、js
上記の3つのフォルダはそのままアップロードしてください。
sample.html
上記の設定を済ませたら、sample.htmlを開いて「mail form」をクリックしてみてください。
うまく出来たら、sample.htmlにあるHTMLコードを参考に自分のサイトか、ブログに記述してください。
ディレクトリ構成
セットアップ直前のディレクトリ構成は以下のようになります。(カッコ内の数値はパーミッションの値)
cgiプログラムを「cgi-bin」という名前のフォルダ内に収録しなければならないサーバーがあります。
mail(フォルダ) | mail.cgi [705] | mimew.pl [604] | mailform.html | thankyou.html +-- css(フォルダ) +-- images(フォルダ) +-- js(フォルダ)



Windows
・秀丸(シェア)※対応してないバージョンがあります
・TeraPad(フリー)
Macintosh
・Jedit X(シェア)※対応してないバージョンがあります
※「環境設定」の「保存」でutf-8の書類にBOMを付加しないよう、指定する必要があります