$(document).ready(function(){
$('div#js_on').show();
//フォーム選択
//一般的なお問い合わせボタンが押されたら
$('a#contact_form_btn').click(function(){
$(this).css('background', 'url(images/contact_form_parts.png) no-repeat 0 -32px');
$('a#books_form_btn').css('background', 'url(images/contact_form_parts.png) no-repeat -200px 0');
$('a#model_form_btn').css('background', 'url(images/contact_form_parts.png) no-repeat -399px 0');
$('div#form_contact').show();
$('div#form_books, div#form_model').hide();
return false;
});
//書籍のご購入ボタンが押されたら
$('a#books_form_btn').click(function(){
$(this).css('background', 'url(images//contact_form_parts.png) no-repeat -200px -32px');
$('a#contact_form_btn').css('background', 'url(images//contact_form_parts.png) no-repeat 0 0');
$('a#model_form_btn').css('background', 'url(images//contact_form_parts.png) no-repeat -399px 0');
$('div#form_books').show();
$('div#form_contact, div#form_model').hide();
return false;
});
//読者モデルご応募ボタンが押されたら
$('a#model_form_btn').click(function(){
$(this).css('background', 'url(images//contact_form_parts.png) no-repeat -399px -32px');
$('a#contact_form_btn').css('background', 'url(images//contact_form_parts.png) no-repeat 0 0');
$('a#books_form_btn').css('background', 'url(images//contact_form_parts.png) no-repeat -200px 0');
$('div#form_model').show();
$('div#form_contact, div#form_books').hide();
return false;
});
//フォーム内容コピー
//お名前が書かれたら
$('div#contents dd input.form_name').change(function(){
$('div#contents dd input.form_name').val($(this).val());
});
//メアドが書かれたら
$('div#contents dd input.form_mail').change(function(){
$('div#contents dd input.form_mail').val($(this).val());
});
//電話番号が書かれたら
$('div#contents dd input.form_phone').change(function(){
$('div#contents dd input.form_phone').val($(this).val());
});
//書籍選択テーブル
var sum_price = 0;
$('table#books_tbl input.check').change(function(){
if ($(this).attr('checked')==true){
$('table#books_tbl input#num_' + $(this).attr('id')).removeAttr('disabled').val(1);
$('table#books_tbl td#form_book_title_' + $(this).attr('id')).css('color', '#ec6617');
}else{
$('table#books_tbl input#num_' + $(this).attr('id')).attr('disabled','disabled').val('');
$('table#books_tbl td#form_book_title_' + $(this).attr('id')).css('color', '#1672ea');
};
$('table#books_tbl input.book_num').each(function(){
if($(this).val() != ''){
sum_price += parseInt($(this).val());
}
});
$('p#sum_price span#sum_num').text(sum_price + '冊');
$('p#sum_price span#price').text(sum_price * 1029);
sum_price = 0;
});
$('table#books_tbl input.book_num').change(function(){
$('table#books_tbl input.book_num').each(function(){
if($(this).val() == '' && !$(this).attr('disabled')){
$(this).val(0);
}
if(!$(this).val().match(/^\d*$/) && !$(this).attr('disabled')){
$(this).val(0);
} else {
if(!$(this).attr('disabled')) {
$(this).val(parseInt($(this).val()));
}
}
if($(this).val() != ''){
sum_price += parseInt($(this).val());
}
});
$('p#sum_price span#sum_num').text(sum_price + '冊');
$('p#sum_price span#price').text(sum_price * 1029);
sum_price = 0;
});
//送信内容確認
// モーダル背景消去イベント
$('div#modal').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
//「一般的なお問い合わせ」から
$('input#submit_contact').click(function(){
//確認ボックス内初期化
$('ul#form_check_box').empty();
//エラーチェック
var errMessage = '';
var errCheck = 0;
if($('input#c_title').val().length == 0 || $('input#c_name').val().length == 0 || $('input#c_mail').val().length == 0 || $('textarea#c_text').val().length == 0){
errMessage += '未入力の必須項目があります。';
errCheck = 1;
}
//モーダル背景を表示
$('div#modal').css({'height':$(document).height(), 'opacity':'0.5'}).fadeIn(500);
//内容確認
//エラーあり
if(errCheck == 1){
$('ul#form_check_box')
.append('送信内容の確認（お問い合わせ）')
.append(errMessage)
.append('フォームに戻り、必要事項（*）を入力してください。')
.append('')
.css({'maxHeight':$(window).height()-200,'top':$(window).scrollTop()+50, 'left':$(window).width()/2-250}).slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
return false;
} else {
//エラーなし
$('ul#form_check_box')
.append('送信内容の確認（お問い合わせ）')
.append('件名： ' +$('input#c_title').val().replace(//g, '>') + '')
.append('お名前： ' +$('input#c_name').val().replace(//g, '>') + '')
.append('メールアドレス： ' +$('input#c_mail').val().replace(//g, '>') + '')
.append('電話番号： ' +$('input#c_phone').val().replace(//g, '>') + '')
.append('ご要望・ご質問：
' +$('textarea#c_text').val().replace(//g, '>').replace(/\n/g, '
') + '')
.append('上記内容で送信します。
よろしければ送信ボタンを押してください。')
.append('')
.css({'maxHeight':$(window).height()-200,'top':$(window).scrollTop()+50, 'left':$(window).width()/2-250}).slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
//送信処理
$('button#send_btn').click(function(){
//送信中アイコン表示
$('ul#form_check_box').hide().empty().append('
送信中...').slideDown(500);
// ajax
$.post(
'send.php',
{
from: 0,
subject: $('input#c_title').val(),
name: $('input#c_name').val(),
mail: $('input#c_mail').val(),
phone: $('input#c_phone').val(),
text: $('textarea#c_text').val()
},
function(eee){
setTimeout(function(){
$("input:text").val('');
$("textarea").val("");
$("input:checkbox").each(function(){
if ($(this).attr('checked')==true){
$(this).attr('checked', false);
$('table#books_tbl input#num_' + $(this).attr('id')).attr('disabled','disabled').val('');
$('table#books_tbl td#form_book_title_' + $(this).attr('id')).css('color', '#1672ea');
}
});
$('ul#form_check_box').hide().empty().append('' + eee + '')
.append('')
.slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
},2000);
}
);
});
}
});
//読者モデルご応募
$('input#submit_model').click(function(){
//確認ボックス内初期化
$('ul#form_check_box').empty();
//エラーチェック
var errMessage = '';
var errCheck = 0;
if($('input#m_name').val().length == 0 || $('input#m_mail').val().length == 0){
errMessage += '未入力の必須項目があります。';
errCheck = 1;
}
//モーダル背景を表示
$('div#modal').css({'height':$(document).height(), 'opacity':'0.5'}).fadeIn(500);
//内容確認
//エラーあり
if(errCheck == 1){
$('ul#form_check_box')
.append('送信内容の確認（読者モデルのご応募）')
.append(errMessage)
.append('フォームに戻り、必要事項（*）を入力してください。')
.append('')
.css({'maxHeight':$(window).height()-200,'top':$(window).scrollTop()+50, 'left':$(window).width()/2-250}).slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
return false;
} else {
//エラーなし
$('ul#form_check_box')
.append('送信内容の確認（読者モデルのご応募）')
.append('お名前： ' +$('input#m_name').val().replace(//g, '>') + '')
.append('メールアドレス： ' +$('input#m_mail').val().replace(//g, '>') + '')
.append('電話番号： ' +$('input#m_phone').val().replace(//g, '>') + '')
.append('性別： ' +$('input[name="sx"]:checked').val().replace(//g, '>') + '')
.append('自己紹介など：
' +$('textarea#m_text').val().replace(//g, '>').replace(/\n/g, '
') + '')
.append('上記内容で送信します。
よろしければ送信ボタンを押してください。')
.append('')
.css({'maxHeight':$(window).height()-200,'top':$(window).scrollTop()+50, 'left':$(window).width()/2-250}).slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
//送信処理
$('button#send_btn').click(function(){
//送信中アイコン表示
$('ul#form_check_box').hide().empty().append(' 送信中...').slideDown(500);
// ajax
$.post(
'send.php',
{
from: 2,
name: $('input#m_name').val(),
mail: $('input#m_mail').val(),
phone: $('input#m_phone').val(),
sx: $('input[name="sx"]:checked').val(),
text: $('textarea#m_text').val()
},
function(eee){
setTimeout(function(){
$("input:text").val('');
$("textarea").val("");
$("input:checkbox").each(function(){
if ($(this).attr('checked')==true){
$(this).attr('checked', false);
$('table#books_tbl input#num_' + $(this).attr('id')).attr('disabled','disabled').val('');
$('table#books_tbl td#form_book_title_' + $(this).attr('id')).css('color', '#1672ea');
}
});
$('ul#form_check_box').hide().empty().append('' + eee + '')
.append('')
.slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
},2000);
}
);
});
}
});
//書籍のご購入
$('input#submit_books').click(function(){
//確認ボックス内初期化
$('ul#form_check_box').empty();
//エラーチェック
var errMessage = '';
var errCheck = 0;
if($('table#books_tbl input.check:checked').size() == 0 || $('input#b_name').val().length == 0 || $('input#b_mail').val().length == 0 || $('input#b_postcode').val().length == 0 || $('textarea#b_address').val().length == 0){
errMessage += '未入力の必須項目があります。';
errCheck = 1;
}
//モーダル背景を表示
$('div#modal').css({'height':$(document).height(), 'opacity':'0.5'}).fadeIn(500);
//内容確認
//エラーあり
if(errCheck == 1){
$('ul#form_check_box')
.append('送信内容の確認（書籍のご購入）')
.append(errMessage)
.append('フォームに戻り、必要事項（*）を入力してください。')
.append('')
.css({'maxHeight':$(window).height()-200,'top':$(window).scrollTop()+50, 'left':$(window).width()/2-250}).slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
return false;
} else {
//エラーなし
//チェックされた書籍とその冊数のデータ
var buy_books_data = {};
var book_sum = 0;
$('table#books_tbl input.check:checked').each(function(){
var book_name = $(this).val();
buy_books_data[book_name] = $('table#books_tbl input#num_' + $(this).attr('id')).val();
});
$('table#books_tbl input.book_num').each(function(){
if($(this).val() != ''){
book_sum += parseInt($(this).val());
}
});
$('ul#form_check_box')
.append('送信内容の確認（書籍のご購入）')
.append('購入する書籍： ');
$.each(buy_books_data, function(idx, obj){
$('ul#form_check_box').append('・『' +idx.replace(//g, '>') + '』 ' + obj.replace(//g, '>') + '冊');
});
$('ul#form_check_box')
.append('合計金額： ' + book_sum*1029 + '円（\\1029×' + book_sum + '冊）')
.append('お名前： ' +$('input#b_name').val().replace(//g, '>') + '')
.append('メールアドレス： ' +$('input#b_mail').val().replace(//g, '>') + '')
.append('電話番号： ' +$('input#b_phone').val().replace(//g, '>') + '')
.append('郵便番号： ' +$('input#b_postcode').val().replace(//g, '>') + '')
.append('住所：
' +$('textarea#b_address').val().replace(//g, '>').replace(/\n/g, '
') + '')
.append('ご要望・ご質問など：
' +$('textarea#b_text').val().replace(//g, '>').replace(/\n/g, '
') + '')
.append('上記内容で送信します。
よろしければ送信ボタンを押してください。')
.append('')
.css({'maxHeight':$(window).height()-200,'top':$(window).scrollTop()+50, 'left':$(window).width()/2-250}).slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
//送信処理
$('button#send_btn').click(function(){
//送信中アイコン表示
$('ul#form_check_box').hide().empty().append(' 送信中...').slideDown(500);
// ajax
var book_sum = 0;
$('table#books_tbl input.book_num').each(function(){
if($(this).val() != ''){
book_sum += parseInt($(this).val());
}
});
$.post(
'send.php',
{
from: 1,
buy_books_data: buy_books_data,
book_sum: book_sum,
name: $('input#b_name').val(),
mail: $('input#b_mail').val(),
phone: $('input#b_phone').val(),
postcode: $('input#b_postcode').val(),
address: $('textarea#b_address').val(),
text: $('textarea#b_text').val()
},
function(eee){
setTimeout(function(){
$("input:text").val('');
$("textarea").val("");
$("input:checkbox").each(function(){
if ($(this).attr('checked')==true){
$(this).attr('checked', false);
$('table#books_tbl input#num_' + $(this).attr('id')).attr('disabled','disabled').val('');
$('table#books_tbl td#form_book_title_' + $(this).attr('id')).css('color', '#1672ea');
}
});
$('ul#form_check_box').hide().empty().append('' + eee + '')
.append('')
.slideDown(500);
$('button.back_btn').click(function(){
$('ul#form_check_box').slideUp(500);
$('div#modal').fadeOut(500);
});
},2000);
}
);
});
}
});
});