var todayStr = "20250514";
var reserveTimeListCnt = 12;
var maxReserve = 3;
var i, j;
var tmpList = new Array();
var tmpList2 = new Array();
var tmpList3 = new Array();
var tmpList4 = new Array();
var weekList = [ "日", "月", "火", "水", "木", "金", "土" ];
$( document ).ready( function(){
$( ".res-1" ).text( " " );
$( ".res-2" ).text( " " );
$( ".res-3" ).text( " " );
});
$( document ).on( "click", "td#sel-checker", function(){
tmpList = $( this ).attr( "class" ).split( " " );
if ( tmpList[0] != "" && ( tmpList[1] != "reserved" && tmpList[2] != "reserved" ) ){
tmpList2 = tmpList[0].split( "-" );
var tmpCnt = $( "#sel-cnt" ).val();
var tmpDate = $( "#curDate" ).val();
var post_data = { c: tmpCnt, dt: tmpList[0], dd: tmpDate, gym: 0, cate: 3 };
$.ajax({
url: "./online-registration/async.php",
type: "post",
data: post_data,
success: function( res ){
tmpList3 = res.split( "*" );
var tmpStr2 = "";
var tmpStr3 = "";
var dateStr = "";
if ( tmpList3[0].length == 13 ){
tmpStr2 = "sel" + ( Number( tmpCnt ) + 1 ) + "sys";
if ( $( tmpStr2 ).val() != "" ){
tmpStr3 = $( "#" + tmpStr2 ).val();
tmpList4 = tmpStr3.split( "-" );
if ( tmpList4[0] == tmpDate ){
tmpStr2 = "sel-" + tmpList4[1] + "-" + tmpList4[2];
$( "." + tmpStr2 ).removeAttr( "id" );
$( "." + tmpStr2 ).attr( "id", "sel-checker" );
$( "." + tmpStr2 ).text( "◎" );
}
}
tmpStr2 = "sel" + ( Number( tmpCnt ) + 1 );
$( "#" + tmpStr2 ).val( tmpList3[0] );
tmpStr2 = "sel" + ( Number( tmpCnt ) + 1 ) + "sys";
$( "#" + tmpStr2 ).val( tmpDate + "-" + tmpList2[1] + "-" + tmpList2[2] );
$( "." + tmpList[0] ).removeAttr( "id" );
$( "." + tmpList[0] ).attr( "id", "reserved-on" );
$( "." + tmpList[0] ).text( "" );
dateStr = tmpList3[0].substr( 0, 4 ) + "年" + tmpList3[0].substr( 4, 2 ) + "月" + tmpList3[0].substr( 6, 2 ) + "日(" + weekList[ tmpList3[0].substr( 8, 1 ) - 0 ] + ") " + tmpList3[0].substr( 9, 2 ) + ":" + tmpList3[0].substr( 11, 2 ) + "~";
$( ".res-" + ( ( tmpCnt - 0 ) + 1 ) ).text( dateStr );
$( ".res-" + ( ( tmpCnt - 0 ) + 1 ) )
.fadeTo(200, 0.33).fadeTo(200, 1.0)
.fadeTo(200, 0.33).fadeTo(200, 1.0);
tmpCnt++;
if ( tmpCnt > 2 ){
tmpCnt = 0;
}
$( "#sel-cnt" ).val( tmpCnt );
}
}
});
}
});
/*$( document ).on( "click", "td#reserved-on", function(){
tmpList = $( this ).attr( "class" ).split( " " );
if ( tmpList[0] != "" && ( tmpList[1] != "reserved" && tmpList[2] != "reserved" ) ){
tmpList2 = tmpList[0].split( "-" );
var tmpCnt = $( "#sel-cnt" ).val();
var tmpDate = $( "#curDate" ).val();
var post_data = { c: tmpCnt, dt: tmpList[0], dd: tmpDate, gym: 0, cate: 3 };
$.ajax({
url: "./online-registration/async.php",
type: "post",
data: post_data,
success: function( res ){
tmpList3 = res.split( "*" );
var tmpStr2 = "";
var tmpStr3 = "";
var dateStr = "";
if ( tmpList3[0].length == 13 ){
tmpStr2 = "sel" + ( Number( tmpCnt ) + 1 ) + "sys";
if ( $( tmpStr2 ).val() != "" ){
tmpStr3 = $( "#" + tmpStr2 ).val();
tmpList4 = tmpStr3.split( "-" );
if ( tmpList4[0] == tmpDate ){
tmpStr2 = "sel-" + tmpList4[1] + "-" + tmpList4[2];
$( "." + tmpStr2 ).removeAttr( "id" );
$( "." + tmpStr2 ).attr( "id", "sel-checker" );
$( "." + tmpStr2 ).text( "◎" );
}
}
tmpStr2 = "sel" + ( Number( tmpCnt ) + 1 );
$( "#" + tmpStr2 ).val();
tmpStr2 = "sel" + ( Number( tmpCnt ) + 1 ) + "sys";
$( "#" + tmpStr2 ).val();
$( "." + tmpList[0] ).removeAttr( "id" );
$( "." + tmpList[0] ).attr( "id", "sel-checker" );
$( "." + tmpList[0] ).text( "◎" );
$( ".res-" + ( ( tmpCnt - 0 ) ) ).empty();
tmpCnt--;
if ( tmpCnt > 2 ){
tmpCnt = 0;
}
$( "#sel-cnt" ).val( tmpCnt );
}
}
});
}
});*/
$( function() {
$( "input[name=sel0]" ).click( function(){
$( "#sel-cnt" ).val( "0" );
$( ".res-1" ).text( " " );
$( ".res-2" ).text( " " );
$( ".res-3" ).text( " " );
$( "#sel1" ).val( "" );
$( "#sel2" ).val( "" );
$( "#sel3" ).val( "" );
$( "#sel1sys" ).val( "" );
$( "#sel2sys" ).val( "" );
$( "#sel3sys" ).val( "" );
$( ".dateList" ).empty();
$( ".schedule-list tbody tr td" ).empty();
$( ".schedule-list tbody tr td" ).removeAttr( "id" );
$( ".schedule-list tbody tr td" ).attr( "id", "sel-checker" );
$( ".cur-date-year" ).empty();
$( ".cur-date-month" ).empty();
var tmpDate = $( "#curDate" ).val();
var gymNo = 0;
console.log( $( "input[name=sel0]:checked" ).val() );
if( $( "input[name=sel0]:checked" ).val() == "浦和ジム" ){
gymNo = 1;
}else if( $( "input[name=sel0]:checked" ).val() == "川越ジム" ){
gymNo = 2;
}
var post_data = { d: tmpDate, gym: gymNo, cate: 3 };
$.ajax({
url: "./online-registration/async.php",
type: 'post',
data: post_data,
success: function( res ){
tmpList = res.split( "*" );
var prevNext = tmpList[0].split( "-" );
$( ".prev-date" ).removeAttr( "id" );
$( ".prev-date" ).attr( "id", prevNext[0] );
$( ".next-date" ).removeAttr( "id" );
$( ".next-date" ).attr( "id", prevNext[1] );
$( "#curDate" ).val( tmpList[1] );
var dateList = tmpList[2].split( "-" );
var dateCnt = dateList.length;
tmpList2 = tmpList[3].split( "-" );
for ( i=0; i< dateCnt; i++ ){
if ( i == 0 ){
$( ".cur-date-year" ).text( dateList[ i ].substr( 0, 4 ) );
$( ".cur-date-month" ).text( dateList[ i ].substr( 4, 2 ) );
}
var dateList2 = dateList[ i ].split( "," );
$( ".dl-" + i ).append( dateList2[0].substr( 6, 2 ) + "日(" + weekList[ dateList2[1] ] + ")" );
tmpList3 = tmpList2[ i ].split( "," );
for ( j=0; j< reserveTimeListCnt; j++ ){
if ( tmpList3[ j ] != "0" ){
$( ".sel-" + i + "-" + j ).removeAttr( "id" );
}else{
$( ".sel-" + i + "-" + j ).removeClass( "reserved" );
$( ".sel-" + i + "-" + j ).text( "◎" );
}
}
}
}
});
});
$( ".clearbtn" ).click( function(){
$( "#sel-cnt" ).val( "0" );
$( ".res-1" ).text( " " );
$( ".res-2" ).text( " " );
$( ".res-3" ).text( " " );
$( "#sel1" ).val( "" );
$( "#sel2" ).val( "" );
$( "#sel3" ).val( "" );
$( "#sel1sys" ).val( "" );
$( "#sel2sys" ).val( "" );
$( "#sel3sys" ).val( "" );
$( ".dateList" ).empty();
$( ".schedule-list tbody tr td" ).empty();
$( ".schedule-list tbody tr td" ).removeAttr( "id" );
$( ".schedule-list tbody tr td" ).attr( "id", "sel-checker" );
$( ".cur-date-year" ).empty();
$( ".cur-date-month" ).empty();
var tmpDate = $( "#curDate" ).val();
var gymNo = 0;
console.log( $( "input[name=sel0]:checked" ).val() );
if( $( "input[name=sel0]:checked" ).val() == "浦和ジム" ){
gymNo = 1;
}else if( $( "input[name=sel0]:checked" ).val() == "浦和ジム" ){
gymNo = 2;
}
var post_data = { d: tmpDate, gym: gymNo, cate: 3 };
$.ajax({
url: "./online-registration/async.php",
type: 'post',
data: post_data,
success: function( res ){
tmpList = res.split( "*" );
var prevNext = tmpList[0].split( "-" );
$( ".prev-date" ).removeAttr( "id" );
$( ".prev-date" ).attr( "id", prevNext[0] );
$( ".next-date" ).removeAttr( "id" );
$( ".next-date" ).attr( "id", prevNext[1] );
$( "#curDate" ).val( tmpList[1] );
var dateList = tmpList[2].split( "-" );
var dateCnt = dateList.length;
tmpList2 = tmpList[3].split( "-" );
for ( i=0; i< dateCnt; i++ ){
if ( i == 0 ){
$( ".cur-date-year" ).text( dateList[ i ].substr( 0, 4 ) );
$( ".cur-date-month" ).text( dateList[ i ].substr( 4, 2 ) );
}
var dateList2 = dateList[ i ].split( "," );
$( ".dl-" + i ).append( dateList2[0].substr( 6, 2 ) + "日(" + weekList[ dateList2[1] ] + ")" );
tmpList3 = tmpList2[ i ].split( "," );
for ( j=0; j< reserveTimeListCnt; j++ ){
if ( tmpList3[ j ] != "0" ){
$( ".sel-" + i + "-" + j ).removeAttr( "id" );
}else{
$( ".sel-" + i + "-" + j ).removeClass( "reserved" );
$( ".sel-" + i + "-" + j ).text( "◎" );
}
}
}
}
});
});
$( ".prev-date" ).click( function(){
if ( todayStr == $( "#curDate" ).val() ){
alert( "これ以上前の日付は表示できません" );
}else{
$( ".dateList" ).empty();
$( ".schedule-list tbody tr td" ).empty();
$( ".schedule-list tbody tr td" ).removeAttr( "id" );
$( ".schedule-list tbody tr td" ).attr( "id", "sel-checker" );
$( ".cur-date-year" ).empty();
$( ".cur-date-month" ).empty();
var tmpDate = $( ".prev-date" ).attr( "id" );
var gymNo = 0;
if( $( "input[name=sel0]:checked" ).val() == "浦和ジム" ){
gymNo = 1;
}else if ( $( "input[name=sel0]:checked" ).val() == "川越ジム" ){
gymNo = 2;
}
var post_data = { d: tmpDate, gym: gymNo, cate: 3 };
$.ajax({
url: "./online-registration/async.php",
type: 'post',
data: post_data,
success: function( res ){
tmpList = res.split( "*" );
var prevNext = tmpList[0].split( "-" );
$( ".prev-date" ).removeAttr( "id" );
$( ".prev-date" ).attr( "id", prevNext[0] );
$( ".next-date" ).removeAttr( "id" );
$( ".next-date" ).attr( "id", prevNext[1] );
$( "#curDate" ).val( tmpList[1] );
var dateList = tmpList[2].split( "-" );
var dateCnt = dateList.length;
tmpList2 = tmpList[3].split( "-" );
for ( i=0; i< dateCnt; i++ ){
if ( i == 0 ){
$( ".cur-date-year" ).text( dateList[ i ].substr( 0, 4 ) );
$( ".cur-date-month" ).text( dateList[ i ].substr( 4, 2 ) );
}
var dateList2 = dateList[ i ].split( "," );
$( ".dl-" + i ).append( dateList2[0].substr( 6, 2 ) + "日(" + weekList[ dateList2[1] ] + ")" )
tmpList3 = tmpList2[ i ].split( "," );
for ( j=0; j< reserveTimeListCnt; j++ ){
if ( tmpList3[ j ] != "0" ){
$( ".sel-" + i + "-" + j ).removeAttr( "id" );
}else{
$( ".sel-" + i + "-" + j ).removeClass( "reserved" );
$( ".sel-" + i + "-" + j ).text( "◎" );
}
}
}
for ( i=0; i< maxReserve; i++ ){
tmpStr2 = "sel" + ( i + 1 ) + "sys";
if ( $( tmpStr2 ).val() != "" ){
tmpStr3 = $( "#" + tmpStr2 ).val();
tmpList4 = tmpStr3.split( "-" );
if ( tmpList4[0] == tmpDate ){
tmpStr2 = "sel-" + tmpList4[1] + "-" + tmpList4[2];
$( "." + tmpStr2 ).removeAttr( "id" );
$( "." + tmpStr2 ).attr( "id", "reserved-on" );
$( "." + tmpStr2 ).text( "" );
}
}
}
}
});
}
});
$( ".next-date" ).click( function(){
$( ".dateList" ).empty();
$( ".schedule-list tbody tr td" ).empty();
$( ".schedule-list tbody tr td" ).removeAttr( "id" );
$( ".schedule-list tbody tr td" ).attr( "id", "sel-checker" );
$( ".cur-date-year" ).empty();
$( ".cur-date-month" ).empty();
var tmpDate = $( ".next-date" ).attr( "id" );
var gymNo = 0;
if( $( "input[name=sel0]:checked" ).val() == "浦和ジム" ){
gymNo = 1;
}else if( $( "input[name=sel0]:checked" ).val() == "川越ジム" ){
gymNo = 2;
}
var post_data = { d: tmpDate, gym: gymNo, cate: 3 };
$.ajax({
url: "./online-registration/async.php",
type: 'post',
data: post_data,
success: function( res ){
tmpList = res.split( "*" );
var prevNext = tmpList[0].split( "-" );
$( ".month-select li" ).eq(0).attr( "class", "prev-date" );
$( ".prev-date" ).removeAttr( "id" );
$( ".prev-date" ).attr( "id", prevNext[0] );
$( ".next-date" ).removeAttr( "id" );
$( ".next-date" ).attr( "id", prevNext[1] );
$( "#curDate" ).val( tmpList[1] );
var dateList = tmpList[2].split( "-" );
var dateCnt = dateList.length;
tmpList2 = tmpList[3].split( "-" );
for ( i=0; i< dateCnt; i++ ){
if ( i == 0 ){
$( ".cur-date-year" ).text( dateList[ i ].substr( 0, 4 ) );
$( ".cur-date-month" ).text( dateList[ i ].substr( 4, 2 ) );
}
var dateList2 = dateList[ i ].split( "," );
$( ".dl-" + i ).append( dateList2[0].substr( 6, 2 ) + "日(" + weekList[ dateList2[1] ] + ")" );
if ( dateList2[1] == 6 ){
$( ".dl-" + i ).addClass( "saterday" );
}else if ( dateList2[1] == 0 ){
$( ".dl-" + i ).addClass( "sunday" );
}
tmpList3 = tmpList2[ i ].split( "," );
for ( j=0; j< reserveTimeListCnt; j++ ){
if ( tmpList3[ j ] != "0" ){
$( ".sel-" + i + "-" + j ).removeAttr( "id" );
}else{
$( ".sel-" + i + "-" + j ).removeClass( "reserved" );
$( ".sel-" + i + "-" + j ).text( "◎" );
}
}
}
for ( i=0; i< maxReserve; i++ ){
tmpStr2 = "sel" + ( i + 1 ) + "sys";
if ( $( tmpStr2 ).val() != "" ){
tmpStr3 = $( "#" + tmpStr2 ).val();
tmpList4 = tmpStr3.split( "-" );
if ( tmpList4[0] == tmpDate ){
tmpStr2 = "sel-" + tmpList4[1] + "-" + tmpList4[2];
$( "." + tmpStr2 ).removeAttr( "id" );
$( "." + tmpStr2 ).attr( "id", "reserved-on" );
$( "." + tmpStr2 ).text( "" );
}
}
}
}
});
});
});
function freeCheckReserveDate(){
if ( $( "#sel1" ).val() != "" || $( "#sel2" ).val() != "" || $( "#sel3" ).val() != "" ){
return true;
}else{
alert( "ご予約希望日を1か所以上指定してください。" );
return false;
}
}