prod.fii-icloud.com Open in urlscan Pro
103.252.196.223  Public Scan

URL: http://prod.fii-icloud.com/
Submission: On February 29 via api from US — Scanned from US

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 &amp; 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" 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">
                                </div>
                                <div class="editor-label marginTop15">
                                  <label for="Password">Password</label>
                                </div>
                                <div class="editor-field">
                                  <input autocomplete="off" id="Password" name="Password" oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="Please fill out this field." type="text" aria-required="true">
                                </div>
                                <div class="editor-label marginTop15">
                                  <input 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&amp;auto_logout_link=false&amp;container_width=0&amp;locale=en_US&amp;login_text=Facebook%20Login&amp;max_rows=1&amp;scope=public_profile%2Cemail&amp;sdk=joey&amp;show_faces=false&amp;size=xlarge"><span
                                    style="vertical-align: bottom; width: 0px; height: 0px;"><iframe name="fe61a91fecd207aec" 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&amp;auto_logout_link=false&amp;channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Dfc33ff3aaad4394d8%26domain%3Dprod.fii-icloud.com%26is_canvas%3Dfalse%26origin%3Dhttp%253A%252F%252Fprod.fii-icloud.com%252Ffb99a4c8959abea0b%26relation%3Dparent.parent&amp;container_width=0&amp;locale=en_US&amp;login_text=Facebook%20Login&amp;max_rows=1&amp;scope=public_profile%2Cemail&amp;sdk=joey&amp;show_faces=false&amp;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 &amp; 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 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">
                          </div>
                          <div class="editor-label marginTop15">
                            <label for="Email">Email</label>
                          </div>
                          <div class="editor-field">
                            <input id="Email" name="Email" oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="" type="email" value="" aria-required="true">
                          </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&amp;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&amp;ls=1&amp;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 &amp; 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"><a onclick="changeLocation(this);">All Dist.</a></li>
                </ul>
              </div>
              <input id="hideLID" name="hideLID" type="hidden" value="All">
              <input id="hideLIDName" name="hideLIDName" type="hidden" value="<div class=&quot;SelectDist&quot;>[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=&quot;SelectSport&quot;>[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>
        </div>
      </div>
      <div class="footer-top-area">
        <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.cyc.org.tw">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 == "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(&quot;#invertPicture_' + id + '&quot;)" 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>© 2018 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 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">
      </div>
      <div class="editor-label marginTop15">
        <label for="Email">Email</label>
      </div>
      <div class="editor-field">
        <input id="Email" name="Email" oninvalid="setCustomValidity('Please fill out this field.')" required="required" title="" type="email" value="" aria-required="true">
      </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.




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.

© 2018 All Rights Reserved. SpoRetrofit