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; } }