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（フォルダ）