大幅に改造したテンプレートをダウンロードしましたが、お問い合わせフォームの実装方法がわかりません。js や ajax に関する知識はほとんどありません。
連絡先に関連することがわかったjsコードは次のとおりです。
//フィードバックフォーム
jQuery('.content_block').find('.form_field').each(function(){
jQuery(this).width(jQuery(this).parent('form').width()-30);
});
jQuery('.login_form').find('.form_field').each(function(){
jQuery(this).width(jQuery(this).parent('form').width()-30);
});
jQuery('.mc_input').each(function(){
jQuery(this).width(jQuery(this).parents('.widget_mailchimpsf_widget').width()-32);
});
jQuery('.commentlist').find('.stand_comment').each(function(){
set_width = jQuery(this).width() - jQuery(this).find('.commentava').width() - 37;
jQuery(this).find('.thiscommentbody').width(set_width);
});
jQuery('.feedback_go').click(function(){
var par = jQuery(this).parents(".feedback_form");
var name = par.find(".field-name").val();
var email = par.find(".field-email").val();
var message = par.find(".field-message").val();
var subject = par.find(".field-subject").val();
if (email.indexOf('@') < 0) {
email = "mail_error";
}
if (email.indexOf('.') < 0) {
email = "mail_error";
}
jQuery.ajax({
url: "mail.php",
type: "POST",
data: { name: name, email: email, message: message, subject: subject },
success: function(data) {
jQuery('.ajaxanswer').hide().empty().html(data).show("slow");
setTimeout("jQuery('.ajaxanswer').fadeOut('slow')",5000);
}
});
});
お問い合わせページのhtmlは以下の通りです。
<form name="feedback_form" method="post" class="feedback_form">
<input type="text" name="field-name" value="Nombre" title="Name" class="field-name form_field">
<div class="clear"></div>
<input type="text" name="field-email" value="Email" title="Email" class="field-email form_field">
<div class="clear"></div>
<input type="text" name="field-subject" value="Sobre" title="Subject" class="field-subject form_field">
<div class="clear"></div>
<textarea name="field-message" cols="45" rows="5" title="Message" class="field-message form_field">Mensaje</textarea>
<div class="clear"></div>
<input type="reset" name="reset" id="reset2" value="Reiniciar" class="feedback_reset">
<input type="button" name="submit" class="feedback_go" id="submit2" value="Enviar!">
<div class="ajaxanswer"></div>
</form>
これを私のメールに送信するにはどうすればよいですか、それともmailchimpが必要ですか?? 私はここで完全に迷子になり、答えが見えないままグーグルで検索しました。
助けてください!!!:)
ありがとうございました。