booking-tpsc.sporetrofit.com
Open in
urlscan Pro
103.252.196.212
Public Scan
Submitted URL: https://booking.tpsc.sporetrofit.com/
Effective URL: https://booking-tpsc.sporetrofit.com/
Submission: On August 12 via api from US — Scanned from DE
Effective URL: https://booking-tpsc.sporetrofit.com/
Submission: On August 12 via api from US — Scanned from DE
Form analysis 2 forms found in the DOM
<form id="form1" runat="server" novalidate="novalidate">
<div class="page">
<div id="header" style="position: fixed; top: 0; z-index: 10; width: 100%; white-space: nowrap;">
<div class="header-area">
<div class="container">
<div class="row">
<div class="col-md-8">
<div id="menucontainer" class="user-menu">
<ul id="menu" class="min-width: 940px;">
<span class="HeaderWebsite">Taipei Sportscenter Booking System</span>
<li> <a href="/"><i class="fa fa-home"></i>Booking NOW</a></li>
<li> <a class="pointer" onclick="getCurDocument().location.href = basePath + '/Account/Register';" onclick1="openForgetPasswordDiv();"><i class="fa fa-user"></i>Register</a></li>
<li> <a class="pointer" onclick="openLoginDiv();"><i class="fa fa-user"></i>Login</a></li>
<div id="LoginDiv" style="display: none;">
<img class="RightTopCloseBtn RightTopLoginCloseBtn closeLogin">
<h2>Login</h2>
<p> Enter ur account & password. If u don't have an account, pls <a href="/Account/Register">register</a>. </p>
<table border="0">
<tbody>
<tr>
<td>
<div>
<fieldset>
<legend><!--帳戶資訊--></legend>
<div class="editor-label">
<label for="UserId">Account</label>
</div>
<div class="editor-field">
<input autocomplete="off" data-val="true" data-val-required="The Account field is required." id="UserId" name="UserId" oninvalid="setCustomValidity('Please fill out this field.')" required="required"
title="Please fill out this field." type="text" value="" aria-required="true">
<span class="field-validation-valid InputRedValidation" data-valmsg-for="UserId" data-valmsg-replace="true"></span>
</div>
<div class="editor-label marginTop15">
<label for="Password">Password</label>
</div>
<div class="editor-field">
<input autocomplete="off" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" oninvalid="setCustomValidity('Please fill out this field.')" required="required"
title="Please fill out this field." type="text" aria-required="true">
<span class="field-validation-valid InputRedValidation" data-valmsg-for="Password" data-valmsg-replace="true"></span>
</div>
<div class="editor-label marginTop15">
<input data-val="true" data-val-required="The Remember me? field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true"><input name="RememberMe" type="hidden" value="false">
<label for="RememberMe">Remember me?</label>
<a class="ForgetPasswordGap" href="#" onclick="openForgetPasswordDiv();">Forget password?</a>
</div>
<div class="editor-field marginTop15">
<img id="vcodeImg" style="cursor: pointer;" onclick="getVcode()" title="Refresh" alt="Refresh">
<input type="text" id="Vcode" class="" maxlength="4" style="width: 100px" required="required" placeholder="Validation Code" aria-required="true">
</div>
</fieldset>
</div>
</td>
<td>
<div class="FBbutton">
<div id="FBtag">
<fb:login-button data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="false" scope="public_profile,email" onlogin="checkFbLoginState();" login_text="Facebook Login"
class=" fb_iframe_widget" fb-xfbml-state="rendered"
fb-iframe-plugin-query="app_id=740650979450886&auto_logout_link=false&container_width=0&locale=en_US&login_text=Facebook%20Login&max_rows=1&scope=public_profile%2Cemail&sdk=joey&show_faces=false&size=xlarge"><span
style="vertical-align: bottom; width: 0px; height: 0px;"><iframe name="f0b4209c97b7ed3a3" width="1000px" height="1000px" data-testid="fb:login_button Facebook Social Plugin"
title="fb:login_button Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media"
src="https://www.facebook.com/v2.8/plugins/login_button.php?app_id=740650979450886&auto_logout_link=false&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Dfd115e565ac30df13%26domain%3Dbooking-tpsc.sporetrofit.com%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fbooking-tpsc.sporetrofit.com%252Ffa1a553f27dc9d333%26relation%3Dparent.parent&container_width=0&locale=en_US&login_text=Facebook%20Login&max_rows=1&scope=public_profile%2Cemail&sdk=joey&show_faces=false&size=xlarge"
class="" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe></span></fb:login-button>
</div>
</div>
<canvas id="myCanvas" width="0" height="0"></canvas>
</td>
</tr>
<tr>
<td colspan="2">
<p class="marginTop10">
</p>
<table border="0">
<tbody>
<tr>
<td><input class="SpecBtn loginBtn" type="submit" onclick1="login();" value="Confirm"></td>
<td><input class="windowButtonGap closeLogin SpecBtn" type="button" value="Cancel"></td>
<td>
<div id="loginResultDiv" class="InputRedValidation ErrorResult"></div>
</td>
</tr>
</tbody>
</table>
<p></p>
</td>
</tr>
</tbody>
</table>
<!--Html.Raw("")using(Html.BeginForm(new AjaxOptions { UpdateTargetId = "loginResultDiv" })){Html.Raw("\r\n")-->
<!--form-->
<div id="LoginTableDiv"></div>
<!--/form-->
<!--Html.Raw("\t\t\t\t\t\t\t\t\t\t\t")}Html.Raw("")-->
</div>
<div id="ForgetPasswordDiv" style="display: none;">
<img class="RightTopCloseBtn RightTopForgetPasswordCloseBtn closeForgetPassword">
<h2>Forget password?</h2>
<p> Enter ur account & email. If u don't have an account, pls <a href="/Account/Register">register</a>. </p>
<form id="ForgetPwdForm" method="POST">
<div>
<fieldset>
<legend><!--帳戶資訊--></legend>
<div class="editor-label">
<label for="Account">Account</label>
</div>
<div class="editor-field">
<input data-val="true" data-val-required="The Account field is required." id="Account" name="Account" oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="Please fill out this field."
type="text" value="" aria-required="true">
<span class="field-validation-valid InputRedValidation" data-valmsg-for="Account" data-valmsg-replace="true"></span>
</div>
<div class="editor-label marginTop15">
<label for="Email">Email</label>
</div>
<div class="editor-field">
<input data-val="true" data-val-regex="Email error format" data-val-regex-pattern="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" data-val-required="The Email field is required." id="Email" name="Email"
oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="" type="email" value="" aria-required="true">
<span class="field-validation-valid InputRedValidation" data-valmsg-for="Email" data-valmsg-replace="true"></span>
</div>
<p class="marginTop15">
<input class="SpecBtn" type="submit" onclick1="resetPassword();" value="Confirm">
<input class="windowButtonGap closeForgetPassword SpecBtn" type="button" value="Cancel">
</p>
</fieldset>
</div>
</form>
<!--Html.Raw("")using(Html.BeginForm()){Html.Raw("\r\n")-->
<div id="ForgetPwdDiv"></div>
<!--Html.Raw("\t\t\t\t\t\t\t\t\t\t\t")}Html.Raw("")-->
<script>
$(function() {
/*$(".closeForgetPassword").bind("click", function(){
closeForgetPasswordDiv();
});*/
$(".closeForgetPassword").click(function() {
closeForgetPasswordDiv();
});
});
function openForgetPasswordDiv() {
initialForgetPwdInput();
cleanLoginDiv();
$("#LoginDiv").css("display", "none");
cleanForgetPasswordDiv();
$.blockUI({
message: $("#ForgetPasswordDiv"),
fadeIn: 0
});
}
function closeForgetPasswordDiv() {
$.unblockUI();
cleanForgetPasswordDiv();
}
function cleanForgetPasswordDiv() {
$("#Account").val("");
$("#Email").val("");
}
function resetPassword() {
var Account$Input = $("#Account");
var Email$Input = $("#Email");
if (Account$Input.val() == "" || !Account$Input.valid() || (Account$Input[0].checkValidity && !Account$Input[0].checkValidity()) || Email$Input.val() == "" || !Email$Input.valid() || (Email$Input[0].checkValidity && !
Email$Input[0].checkValidity())) {
if ($.browser.msie && getIEVer() <= 9) jAlert("Please enter complete data", " ", function() {
return;
})
return;
}
$.ajax({
url: basePath + "/Account/forgetPassword",
type: "POST",
cache: false,
async: true,
data: {
userID: Account$Input.val(),
userEMail: Email$Input.val()
},
success: function(data, textStatus, jqXHR) {
if (data.errorCode1) {
jAlert("Account or email does not exist, please check again", " ");
return;
}
if (data.correctCode && data.success) {
jAlert("Password reset email has been sent, it is recommended that you get the new password to login, and as soon as possible to change the password", " ");
}
closeForgetPasswordDiv();
},
error: function(jqXHR, textStatus, errorThrown) {
closeForgetPasswordDiv();
}
});
}
</script>
</div>
<li> <a style="cursor: pointer;" onclick="getCurDocument().location.href = basePath + '/Home/LocationInformation' + ($.cookie('CategoryId') ? '#' + $.cookie('CategoryId') : '')"><i class="fa fa-info-circle"></i>Location Info.</a>
</li>
<li> <a href="/Home/BookingInformation#1"><i class="fa fa-info-circle"></i>Booking Info.</a></li>
<li class="dropdown dropdown-small">
<a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" href="#" style="display: inline-block; margin-left: 0;">
<span class="value">Download App.</span><b class="caret"></b>
</a>
<ul class="dropdown-menu AppDownloadMenu">
<li>
<div id="AppDownloadWindow">
<div id="app_download">
<div class="app_dl">
<ul>
<li>
<img class="app_logo" src="/Content/img/logo_app.png">
<h1>App. Download</h1>
<p>Please scan QR code</p>
</li>
<li>
<img class="TwoDBarCode" src="/Content/img/TPSCAPP_android.png" width="200">
<a href="https://play.google.com/store/apps/details?id=com.sport_gov.taipei&hl=zh_TW" target="_blank">
<img class="DownloadApp" src="/Content/img/Android.png" width="250"></a>
</li>
<li>
<img class="TwoDBarCode" src="/Content/img/TPSCAPP_ios.png" width="200">
<a href="https://itunes.apple.com/us/app/%E6%99%BA%E6%85%A7%E9%81%8B%E5%8B%95%E4%B8%AD%E5%BF%83/id1188204135?l=zh&ls=1&mt=8" target="_blank">
<img class="DownloadApp" src="/Content/img/IOS.png" width="250"></a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<!--Html.Partial("_Top")-->
</ul>
</div>
</div>
<div class="col-md-4" id="topLangBarDiv" lang-type="en-US">
<div class="header-right">
<ul class="list-unstyled list-inline">
<li class="dropdown dropdown-small">
<a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" href="#">
<span class="key">Language: </span><span id="curLanguageSpan" class="value">English</span><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a onclick="changeLanguage(this, 'zh-TW');">中文(繁體)</a></li>
<li><a onclick="changeLanguage(this, 'en-US');">English</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="main">
<!-- Font Sport -->
<!--link rel="stylesheet" href="/Content/css/sff.css" type="text/css" /-->
<!--link rel="stylesheet" href="/Content/css/gff.css" type="text/css" /-->
<link rel="stylesheet" href="/Content/css/sport.css" type="text/css">
<style>
#SportBlockDiv .col-md-3 div {
cursor: pointer;
}
#locationUl li {
cursor: pointer;
}
#curSelect {
text-transform: initial;
font-family: Arial, Helvetica, sans-serif;
margin-top: 30px;
cursor: default;
}
.SelectDist,
.SelectSport {
color: red;
display: inline-block;
}
.site-branding-area {
height: 40px;
}
.footer-about-us {
cursor: default;
width: 280px;
}
</style>
<div class="site-branding-area">
<!--div class="container">
<div class="row">
<div class="col-sm-6">
<div class="logo">
<!--img src="../Resources/Images/TP/login_top.png" />
</div>
</div>
<div class="col-sm-6">
<div class="shopping-item">
<span class="cart-amunt">臺北市運動中心預約系統</span>
</div>
</div>
</div>
</div-->
</div>
<div class="step-area container" style="margin-top: 9px;">
<div class="step-area-step step-area-step1" style="background-image: url(/Content/img/step1_bg_h.png);" title="Step 1">Select Sport-Center & exercise type</div>
<div class="step-area-step step-area-step2 step-area-step-extend" style="background-image: url(/Content/img/step2_bg.png);" title="Step 2">Choose an booking date</div><img src="/Content/img/step_bg.png"
class="step-area-img-extend2 step-area-step2 step-area-img-extend" alt="Step 2" title="Step 2">
<div class="step-area-step step-area-step3 step-area-step-extend" style="background-image: url(/Content/img/step3_bg.png);" title="Step 3">Select an booking period</div><img src="/Content/img/step_bg.png"
class="step-area-img-extend3 step-area-step3 step-area-img-extend" alt="Step 3" title="Step 3">
<div class="step-area-step step-area-step4" style="background-image: url(/Content/img/step4_bg.png);" title="Step 4">Confirm</div>
</div>
<p id="curSelect" class="container">You have chosen: </p>
<div class="SelectSport">[You have not selected a sport yet]</div> in <div class="SelectDist">[You havn not selected a dist. yet]</div>
<p></p>
<div id="undefined-sticky-wrapper" class="sticky-wrapper" style="height: 60px;">
<div class="mainmenu-area">
<div class="container">
<div class="row" style="margin-top: 20px;">
<div class="navbar-collapse collapse">
<ul id="locationUl" class="nav navbar-nav">
<li id="All" class="active"><a onclick="changeLocation(this);">All Dist.</a></li>
<li id="ZSSC"><a onclick="changeLocation(this);">Zhong Shan</a></li>
<li id="BTSC"><a onclick="changeLocation(this);">Bei Tou</a></li>
<li id="DTSC"><a onclick="changeLocation(this);">Da Tong </a></li>
<li id="JJSC"><a onclick="changeLocation(this);">Jhong Jheng</a></li>
<li id="NGSC"><a onclick="changeLocation(this);">Nan Gang </a></li>
<li id="NHSC"><a onclick="changeLocation(this);">Nei Hu</a></li>
<li id="SLSC"><a onclick="changeLocation(this);">Shi Lin </a></li>
<li id="SSSC"><a onclick="changeLocation(this);">Song Shan</a></li>
<li id="WHSC"><a onclick="changeLocation(this);">Wan Hua</a></li>
</ul>
</div>
<input id="hideLID" name="hideLID" type="hidden" value="">
<input id="hideLIDName" name="hideLIDName" type="hidden" value="<div class="SelectDist">[You havn not selected a dist. yet]</div>">
<input id="hideCategoryId" name="hideCategoryId" type="hidden">
<input id="hideCategoryName" name="hideCategoryId" type="hidden" value="<div class="SelectSport">[You have not selected a sport yet]</div>">
</div>
</div>
</div>
</div>
<div class="promo-area" style="margin-top: 20px;">
<div class="zigzag-bottom"></div>
<div class="container">
<div id="SportBlockDiv" class="row">
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="BadmintonI" name="Badminton" class="SportI" style="background-image: url(/Content/img/Badminton1.png), url(/Content/img/Default.png);"></i>
<p class="BadmintonP">Badminton</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="BasketballI" name="Basketball" class="SportI" style="background-image: url(/Content/img/Basketball1.png), url(/Content/img/Default.png);"></i>
<p class="BasketballP">Basketball</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="BilliardI" name="Billiard" class="SportI" style="background-image: url(/Content/img/Billiard1.png), url(/Content/img/Default.png);"></i>
<p class="BilliardP">Billiard</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="ClassroomI" name="Classroom" class="SportI" style="background-image: url(/Content/img/Classroom1.png), url(/Content/img/Default.png);"></i>
<p class="ClassroomP">Classroom</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="GolfI" name="Golf" class="SportI" style="background-image: url(/Content/img/Golf1.png), url(/Content/img/Default.png);"></i>
<p class="GolfP">Golf</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="SquashI" name="Squash" class="SportI" style="background-image: url(/Content/img/Squash1.png), url(/Content/img/Default.png);"></i>
<p class="SquashP">Squash</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div onclick="changeSport(this);" class="single-promo1"><i id="TableTennisI" name="TableTennis" class="SportI" style="background-image: url(/Content/img/TableTennis1.png), url(/Content/img/Default.png);"></i>
<p class="TableTennisP">TableTennis</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer-top-area" style="position: fixed; bottom: 0px; width: 100%; margin-bottom: 40px;">
<div class="zigzag-bottom"></div>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 introduction" style="min-width: 330px;">
<div class="footer-about-us">
<h2 style="font-family: Microsoft JhengHei; font-weight: bold;">Sportscenter Introduction</h2>
<span
style="background-image: url(/Content/img/Flow/track.png); background-repeat: no-repeat; line-height: 60px; padding-bottom: 25px; padding-top: 25px;"><a href="/Home/LocationPeopleNum" target="_blank" style="margin-left: 65px; font-family: Microsoft JhengHei; font-weight: bold; font-size: 19px; color: white;">Swimming pool and gym current user number</a></span>
</div>
</div>
<div class="col-md-3 col-sm-6 introduction-c" style="max-width: 280px; min-width: 280px; width: 280px;">
<div class="footer-menu">
<ul>
<li><a target="_blank" href="https://nhsc.cyc.org.tw/">Neihu Dist.</a></li>
<li><a target="_blank" href="http://sssc.com.tw">Songshan Dist.</a></li>
<li><a target="_blank" href="http://www.btsport.com.tw">Beitou Dist.</a></li>
<li><a target="_blank" href="http://whsc.com.tw">Wanhua Dist.</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 introduction-c" style="max-width: 280px; min-width: 280px; width: 280px;">
<div class="footer-menu">
<ul>
<li><a target="_blank" href="http://www.tpejjsports.com.tw">Jhongjheng Dist.</a></li>
<li><a target="_blank" href="https://cssc.cyc.org.tw">Zhongshan Dist.</a></li>
<li><a target="_blank" href="http://www.slsc-taipei.org">Shihlin Dist.</a></li>
<li><a target="_blank" href="https://ngsc.cyc.org.tw">Nangang Dist.</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 introduction-c" style="max-width: 280px; min-width: 280px; width: 280px;">
<div class="footer-menu">
<ul>
<li><a target="_blank" href="https://wssc.cyc.org.tw">Wunshan Dist.</a></li>
<li><a target="_blank" href="https://xysc.teamxports.com/">Xinyi Dist.</a></li>
<li><a target="_blank" href="http://www.dtsc-wdyg.com.tw">Datong Dist.</a></li>
<li><a target="_blank" href="https://dasc.cyc.org.tw">Da'an Dist.</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
checkBrowserVersion();
initialBodyContentPosition();
var LID = getUrlParameter("LID");
if (LID) $("#hideLID").val(LID);
else {
var cookieLID = $.cookie("LID");
var cookieCategoryId = $.cookie("CategoryId");
if (cookieLID) $("#hideLID").val(cookieLID);
else if (cookieCategoryId) $("#hideCategoryId").val(cookieCategoryId);
else if (!cookieLID && !cookieCategoryId) $("#hideLID").val("All");
//else $("#hideLID").val('Area1');
}
$("#hideLIDName").val('<div class="SelectDist">[You havn not selected a dist. yet]</div>');
$("#hideCategoryName").val('<div class="SelectSport">[You have not selected a sport yet]</div>');
resetCurSelect();
loadLocationBlock();
loadSportBlock();
});
function initialBodyContentPosition() {
$("div.mainmenu-area div .row, .promo-area").css("margin-top", "20px");
$(".step-area").css("margin-top", ($("#header").height() - 30) + "px");
if ($.browser.msie) {
if (getIEVer() <= 9) {
$(".step-area-img-extend").css("margin-top", "6px");
}
}
var introductionCWidth = ($(".introduction-c").parent().width() - $(".introduction").css("min-width").replace("px", "")) / 3;
$(".introduction-c").css({
"max-width": "280px",
"min-width": introductionCWidth,
"width": introductionCWidth
});
}
function loadSportBlock() {
$.ajax({
url: basePath + "/Home/loadSportBlock",
data: {
LID: $("#hideLID").val()
},
type: "POST",
dataType: "json",
success: function(data, status, jqXHR) {
$("#SportBlockDiv").empty();
if (!data.categories) {
resetContentFootPosition();
return;
}
var i = 0;
var checkList = [];
data.categories.forEach(function(category) {
var categoryId = category.categoryId;
if (checkList.contains(categoryId)) return;
checkList.push(categoryId);
var categoryName = category.categoryName ? category.categoryName : categoryId;
var Iid = categoryId;
//$("#SportBlockDiv").append('<div class="col-md-3 col-sm-6"><div onclick="changeSport(this);" class="single-promo promo' + (((2 + i++) % 8) + 1) + '"><i id="' + Iid + 'I" name="' + categoryId + '"></i><p>' + categoryName + '</p></div></div>');
$("#SportBlockDiv").append('<div class="col-md-3 col-sm-6"><div onclick="changeSport(this);" class="single-promo1"><i id="' + Iid + 'I" name="' + categoryId + '" class="SportI" style="background-image: url(/Content/img/' +
Iid + '1.png), url(/Content/img/Default.png);"></i><p class="' + category.categoryId + 'P">' + categoryName + '</p></div></div>');
$("#" + Iid + "I").mouseover(function() {
$("." + categoryId + "P").css("display", "block");
}).mouseout(function() {
$("." + categoryId + "P").css("display", "none");
});
/*if($.browser.msie){
if(categoryId == "Badminton" || categoryId == "TableTennis")
setIeSportPicture(categoryId);
}*/
});
resetContentFootPosition();
var cid = $("#hideCategoryId");
if (cid.val() != "") {
$("#" + cid.val() + "I").parent().addClass("single-promo-hover");
$("#hideCategoryName").val($("#" + cid.val() + "I").next().text());
resetCurSelect();
}
}
});
}
function loadLocationBlock() {
$.ajax({
url: basePath + "/Home/loadLocationBlock",
data: {
categoryId: $("#hideCategoryId").val()
},
type: "POST",
dataType: "json",
success: function(data, status, jqXHR) {
$("#locationUl").empty();
$("#locationUl").append('<li id="All"><a onclick="changeLocation(this);">All Dist.</a></li>');
if (!data.locations) return;
var i = 0;
var checkList = [];
data.locations.forEach(function(location) {
if (checkList.contains(location.LID)) return;
checkList.push(location.LID);
var lidName = location.lidName ? location.lidName : location.LID;
$("#locationUl").append('<li id="' + location.LID + '"><a onclick="changeLocation(this);">' + lidName + '</a></li>');
});
resetContentFootPosition();
var lid = $("#hideLID");
if (lid.val() != "") {
$("#" + lid.val()).addClass("active");
if (lid.val() != "All") {
$("#hideLIDName").val($("#" + lid.val()).find("a").text());
resetCurSelect();
}
}
if (lid.val() == "All") {
lid.val("");
$.removeCookie("LID");
$.removeCookie("CategoryId");
}
}
});
}
function changeLocation(element) {
var LID = element.parentElement.id;
var LIDName = element.text;
if (($("#hideLID").val() == LID && LID != "All") || !LID) return;
if (LID == "NGSC" || LID == "ZSSC" || LID == "WHSC" || LID == "BTSC" || LID == "NHSC" || LID == "DASC" || LID == "WSSC" || LID == "DTSC" || LID == "SLSC" || LID == "XYSC") {
jAlert("臺北市運動中心預約系統網頁版的使用者 您好:" + " \n\n【" + LIDName + "運動中心】僅提供本平臺查詢可預約場地之服務，若近期於本網頁預約未繳費將不保留您的場地使用權益!\n" + "\n目前平臺提供「智慧運動中心APP」並串接【" + LIDName + "運動中心】營運系統金流，敬請透過APP進行線上預約並使用線上金流繳費頁面付款，始能為您保留場地使用權益!" +
"\n\n臺北市運動中心預約系統謝謝您的支持與配合。", " ",
function() {});
}
$(element).parent().parent().children("li").each(function() {
$(this).removeClass("active");
});
$(element).parent().addClass("active");
$("#hideLID").val(LID);
if (LID == "All") {
$("#hideCategoryId").val("");
$("#hideLIDName").val('<div class="SelectDist">[You havn not selected a dist. yet]</div>');
$("#hideCategoryName").val('<div class="SelectSport">[You have not selected a sport yet]</div>');
} else $("#hideLIDName").val($(element).text());
resetCurSelect();
if (LID == "All" || $("#hideCategoryId").val() == "") {
loadSportBlock();
if (LID == "All") loadLocationBlock();
} else link2Reserve();
}
function changeSport(element) {
//var categoryId = $(element).find("i").attr("id");
var categoryId = $(element).find("i").attr("name");
//categoryId = categoryId.substring(0, categoryId.length - 1);
if ($("#hideCategoryId").val() == categoryId || !categoryId) return;
$(element).parent().parent().children().each(function() {
$(this).children().removeClass("single-promo-hover");
});
$(element).addClass("single-promo-hover");
$("#hideCategoryId").val(categoryId);
$("#hideCategoryName").val($(element).find("p").text());
resetCurSelect();
if ($("#hideLID").val() == "" || $("#hideLID").val() == "All") loadLocationBlock();
else link2Reserve();
}
function link2Reserve() {
var date = new Date();
if ($("#hideLID").val() == "NHSC" && (date.getFullYear() < 2018 || (date.getFullYear() == 2018 && date.getMonth() + 1 <= 2))) {
jAlert("內湖現在閉館，預計2月上旬開放", " ", function() {
$("#hideCategoryId").val("");
$("#hideLIDName").val('<div class="SelectDist">[You havn not selected a dist. yet]</div>');
$("#hideCategoryName").val('<div class="SelectSport">[You have not selected a sport yet]</div>');
resetCurSelect();
$("#hideLID").val("All");
loadSportBlock();
loadLocationBlock();
return;
});
return;
}
var url = basePath + "/Location/Reserve?LID=" + $("#hideLID").val() + "&CategoryId=" + $("#hideCategoryId").val();
getCurDocument().location = url;
/*$("#hideLID").wrap('<form id="hideForm" action="' + url + '" method="POST"></form>');
$("#hideForm").append($("#hideCategoryId"));
$("#hideForm").submit();*/
}
function resetCurSelect() {
$("#curSelect").html(String.format("You have chosen: {1} in {0}", $("#hideLIDName").val(), $("#hideCategoryName").val()));
}
function setIeSportPicture(id) {
$("#" + id + "I").css("display", "none").parent().children("p").css("margin-bottom", "4.75px");
var size = 47;
$("#" + id + "I").after('<svg id="' + id + 'Svg" xmlns="http://www.w3.org/2000/svg" width="' + size + '" height="' + size + '"><defs><filter id="invertPicture_' + id +
'"><feColorMatrix in="SourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0" /></filter></defs><image filter="url("#invertPicture_' + id + '")" width="' + size + '" height="' + size +
'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Content/img/' + id + '.png" href="/Content/img/' + id + '.png" /></svg>');
}
function resetContentFootPosition() {
var curContentHeight = $(".site-branding-area").height() + $(".step-area").height() + $("#curSelect").height() + $("#undefined-sticky-wrapper").height() + $(".promo-area").height() + $(".footer-top-area").height()
var browserContentHeight = getBrowserViewHeight() - $("#header").height() - $("#footer").height() - $(".footer-top-area").height() - ($.browser.msie ? 200 : 0);
if (curContentHeight < browserContentHeight) $(".footer-top-area").css({
"position": "fixed",
"bottom": "0px",
"width": "100%",
"margin-bottom": "40px"
});
else $(".footer-top-area").css({
"position": "initial",
"bottom": "initial",
"width": "100%",
"margin-bottom": "0"
});
if ($.browser.msie && getIEVer() <= 10) $(".footer-top-area").css({
"position": "relative",
"margin-bottom": "0"
});
}
</script>
</div>
<div id="footer" class="footer-bottom-area" style="position: fixed; bottom: 0px; z-index: 10; width: 100%;">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright">
<p>© 2017-2024 All Rights Reserved. <a href="http://www.sporetrofit.com" target="_blank">SpoRetrofit</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form id="ForgetPwdForm" method="POST">
<div>
<fieldset>
<legend><!--帳戶資訊--></legend>
<div class="editor-label">
<label for="Account">Account</label>
</div>
<div class="editor-field">
<input data-val="true" data-val-required="The Account field is required." id="Account" name="Account" oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="Please fill out this field." type="text" value=""
aria-required="true">
<span class="field-validation-valid InputRedValidation" data-valmsg-for="Account" data-valmsg-replace="true"></span>
</div>
<div class="editor-label marginTop15">
<label for="Email">Email</label>
</div>
<div class="editor-field">
<input data-val="true" data-val-regex="Email error format" data-val-regex-pattern="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" data-val-required="The Email field is required." id="Email" name="Email"
oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="" type="email" value="" aria-required="true">
<span class="field-validation-valid InputRedValidation" data-valmsg-for="Email" data-valmsg-replace="true"></span>
</div>
<p class="marginTop15">
<input class="SpecBtn" type="submit" onclick1="resetPassword();" value="Confirm">
<input class="windowButtonGap closeForgetPassword SpecBtn" type="button" value="Cancel">
</p>
</fieldset>
</div>
</form>Text Content
Taipei Sportscenter Booking System
* Booking NOW
* Register
* Login
LOGIN
Enter ur account & password. If u don't have an account, pls register.
Account
Password
Remember me? Forget password?
FORGET PASSWORD?
Enter ur account & email. If u don't have an account, pls register.
Account
Email
* Location Info.
* Booking Info.
* Download App.
* * APP. DOWNLOAD
Please scan QR code
*
*
* Language: English
* 中文(繁體)
* English
Select Sport-Center & exercise type
Choose an booking date
Select an booking period
Confirm
You have chosen:
[You have not selected a sport yet]
in
[You havn not selected a dist. yet]
* All Dist.
* Zhong Shan
* Bei Tou
* Da Tong
* Jhong Jheng
* Nan Gang
* Nei Hu
* Shi Lin
* Song Shan
* Wan Hua
Badminton
Basketball
Billiard
Classroom
Golf
Squash
TableTennis
SPORTSCENTER INTRODUCTION
Swimming pool and gym current user number
* Neihu Dist.
* Songshan Dist.
* Beitou Dist.
* Wanhua Dist.
* Jhongjheng Dist.
* Zhongshan Dist.
* Shihlin Dist.
* Nangang Dist.
* Wunshan Dist.
* Xinyi Dist.
* Datong Dist.
* Da'an Dist.
© 2017-2024 All Rights Reserved. SpoRetrofit