['tctl00$UpdatePanel6','UpdatePanel6','tctl00$UpdatePanel1','UpdatePanel1','tctl00$MidleHolder$UpdatePanel13','MidleHolder_UpdatePanel13','tctl00$UpdatePanel4','UpdatePanel4','tctl00$UpdatePanel3','UpdatePanel3'], ['ctl00$MidleHolder$btnAysncBtnForJavascript','MidleHolder_btnAysncBtnForJavascript'], [], 90, 'ctl00');
//]]> </script> <div id="UpdateProgress1" style="display:none;"> <div id="loadingInside">
loading
<script>
var target = document.getElementById('loadingInside');
var opts = {
lines: 13, // The number of lines to draw
length: 20, // The length of each line
width: 10, // The line thickness
radius: 30, // The radius of the inner circle
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: '#fff', // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: true, // Whether to render a shadow
hwaccel: true, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: '50%', // Top position relative to parent
left: '50%' // Left position relative to parent
};
spinner = new Spinner(opts).spin(target);
console.log("loading inside spinner: " + spinner);
</script> </div> </div> <!-- PAGE START --> <!-- Navigation --> <!-- HEADER START --> <header id="top" class="header"> <div class="cart box_1" style="display:none;"> <a href="calc.aspx"> <div class="total"><span class="simpleCart_total"><div id="myPanel_basket"> </div></span></div> <img src="/CM/CMS/images/cart-1.png" alt="" /> </a> </div> <!-- Header >> BODDYHEADER--> </header> <!-- CONTENT START --> <div id="UpdatePanel6"> <span id="Timer1" style="visibility:hidden;display:none;"></span> <div style="color:white; position:absolute; top:26px; right:290px; width:150px; height:auto; z-index:1100; background-color:transparent;"> <span id="Session_Holder"></span> </div> </div> <div class="pages"> <div class=""> <div id="MidleHolderNOAJAX_BEFORE_ContentPanel"> <div class="threeContent1 col-md-12 offset-md-0 align-self-center" style="width: 100%; height: auto; position: absolute; inset: 0px; text-align: center; z-index: -1;" id="aThreeD__ele__1"><canvas width="2440" height="1400" style="display: block; width: 1220px; height: 700px; position: absolute; inset: 0px; z-index: -1;"></canvas></div><script>var obj = new threeObject({ fov:20, near:0.1, far:200 }, "/CM/CityStories/Upload/RT25/TEST_008.glb", "", { x: 0, y: 0, z: 0, rx:-0.1, ry:-0.3, rz: 0 }, 0xEAEAEA, { x: -1, y: 2, z:4, color: 0xFFFFFF }, "", [{sf:"/CM/CityStories/Upload/RT25/MUSIK/02/a1.mp3",vol:0.07},{sf: "/CM/CityStories/Upload/RT25/MUSIK/03/a1.mp3", vol:1.0}], 2.5, [{ name:"KOPF", url:"https://simply-xchange.com/CM/CityStories/Upload/RT25/face.jpg" }, { name:"SCHACHTEL", url:"https://simply-xchange.com/CM/CityStories/Upload/RT25/RT25.jpg" }], "", true, true);</script><!--ELEMENT1END--><!--ELEMENT2--><div class="row" id="div__ele__2"><!--ELEMENT3--><div align="center" class="embed-responsive col-md-12 offset-md-0 align-self-center" id="aVideo__ele__3" style="text-align: center;height:250px;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/qn2xTUAZJE4" title="CityStories" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div><!--ELEMENT3END--></div><!--ELEMENT2END--><br><!--ELEMENT4--><div class="row" id="div__ele__4"><!--ELEMENT5--><div class="col-10 offset-1 align-self-center" id="aText__ele__5" style="text-align: center;"><h1>大排檔</h1><p>大牌檔又稱為「大排檔」或「茶檔」，是源於香港在十九世紀中葉設立的小販發牌制度而出現的一種食肆，當時在香港島和九龍的舊區街道十分常見。這類在街頭露天經營熟食的大牌檔，因為食物種類繁多而且價格低廉，上菜效率很高，無論是早、午、晚、宵夜時段，食客點餐後不用多久就可以進餐，十分符合香港人急促的生活節奏，所以深受草根階層歡迎。以前的大牌檔多數由鐵皮和木板砌成，再以帆布搭建而成的上蓋，構成半開放式的廚房和鋪面，在鋪面周圍擺放有多張可收摺的桌子，有部分桌子更露天擺放，甚至佔用路面。大牌檔是香港飲食文化的傳統特色，雖然其因為經濟發展而日漸式微，但近年日漸受到社會重視及開始加強保育的工作，讓這種香港飲食文化得以延續。</p></div><!--ELEMENT5END--></div><!--ELEMENT4END--><br><!--ELEMENT7--><div class="row"><div class="col align-self-center" style="text-align: center;"><a href="RT25.aspx?SA=CityStories&amp;start=1" class="btn myBtn" style="text-align: center;" id="aButton__ele__7">開始AR體驗</a></div></div><!--ELEMENT7END--><br><!--ELEMENT7--><div class="row"><div class="col align-self-center" style="text-align: center;"><a href="Home.aspx?SA=CityStories" class="btn myBtn" style="text-align: center;" id="aButton__ele__7">探索</a></div></div><!--ELEMENT7END--><br><!--ELEMENT8--><div class="row" id="div__ele__8"><!--ELEMENT9--><div style="text-align: center;" class="col-2 offset-5 align-self-center" id="aImage__ele__9"><figure class="effect-bubba" onclick="GoToUrl(&quot;RT25.aspx&quot;);"><img class="img-responsive" src="/CM/CityStories/Upload/PHOTO-2021-05-09-04-16-56.jpg" alt="Image_8" style=""><figcaption></figcaption></figure></div><!--ELEMENT9END--></div> </div> <div id="UpdatePanel1"> <span id="MidleHolder_lbStatus" class="status" style="position:absolute; top:0px; left:0px;"></span> <div id="overlay_details" style="position:absolute; top:0px; left:0px; width:100%; height:auto; display:none"></div> <div id="MidleHolder_UpdatePanel13"> <div id="dbDisplay"> <div id="MidleHolder_FormsPanel"> </div> </div> <div class="products container-fluid"> <div id="MidleHolder_DatabasePanel" class=""> </div> </div> <div id="products2"> <div id="MidleHolder_DatabasePanel2"> </div> </div> <div id="MidleHolder_P_LINKLIST"> </div> <div id="MidleHolder_P_Preview"> </div> <!-- MOST IMPORTANT ACHIVEMENT FOR ASYNC --> <input type="hidden" name="ctl00$MidleHolder$btnAysncBtnValueForJavascript" id="MidleHolder_btnAysncBtnValueForJavascript" value="-1" /> <input type="submit" name="ctl00$MidleHolder$btnAysncBtnForJavascript" value="Button Trigger" id="MidleHolder_btnAysncBtnForJavascript" class="hidden" /> <script type="text/javascript">
function DoPost(atext)
{
var b = $get('MidleHolder_btnAysncBtnForJavascript');
var hf =  $('#MidleHolder_btnAysncBtnValueForJavascript');
console.log(hf);
hf.val(atext)
console.log("cause clicking server button" + hf.val());
b.click();
}
function ReceiveServerData(arg, context) {
console.log("receive " + arg);
}
</script> </div> <div id="iPHONE_PREVIEW"></div> </div> </div> </div> <!-- CONTENTEND --> <!-- FOOTER --> <footer> <div class="container"> <div class="row"> <div id="UpdatePanel4"> <div id="MenuFooter"> </div> </div> </div> </div> <a id="to-top" href="#top" class="btn btn-dark btn-lg"><i class="fa fa-chevron-up fa-fw fa-1x"></i></a> <a id="backButton" href="javascript:history.back();" class="backButton">back</a> </footer> <!-- FOOTER END --> <!--LOGIN/REGISTER panel --> <div id="popUpPanel" data-role="popup"> <div id="UpdatePanel3"> <div id="LoginPanel" class="overlay" style="position: absolute; top: 0px; left: 0px; z-index: 1000; display: none;"> <div data-role="header"> <h1>Login</h1> </div> <div data-role="content"> <div class="dbDisplay" data-role="fieldcontain" style=""> <a class='closeButton' href='#' onclick="fadeOut('LoginPanel'); $('#LoginPanel .msg').html(''); $('#msg').html('');"></a> <div class="status" id="msg" style="width:100%;"></div> <input name="ctl00$tb_Name" type="text" id="tb_Name" PlaceHolder="email" req="true" tyle="float: right" /><br class="spacer" /> <input name="ctl00$pwd" type="password" id="pwd" PlaceHolder="Password" req="true" style="float: right" /> </div> <div class="options"> <span id="stateLogin" class="status error"></span> <a href="#" onclick="javascript:login('login,' + $('#tb_Name').val() + ',' + $('#pwd').val() + '')" class="cmsButton" style="">Anmelden</a> <a href="profile.aspx" onclick="display('RegisterPanel');" class="cmsButton" style="-webkit-border-radius: 0px;-ms-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; -webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;">Registrieren</a><br class="spacer" /> </div> </div> </div> <div id="RegisterPanel" class="overlay" style="top: 0px; left: 0px; z-index: 1100; display: none;"> <div data-role="header"> <h1>Register</h1> </div> <div data-role="content"> <div class="dbDisplay" data-role="fieldcontain" style=""> <a class='closeButton' href='#' onclick="fadeOut('RegisterPanel')"></a> <div class="status" id="Div1" style="width:100%;"></div> <input name="ctl00$tb_RegEmail" type="text" id="tb_RegEmail" PlaceHolder="email" req="true" style="float: right" /><br class="spacer" /> <input name="ctl00$tb_RegPwd" type="password" id="tb_RegPwd" PlaceHolder="Password" req="true" style="float: right" /> </div> <div class="options"> <span id="Label1" class="status error"></span> <a href="#" onclick="javascript:login('register,' + $('#tb_RegEmail').val() + ',' + $('#tb_RegPwd').val() + '')" class="cmsButton" style="">Registrieren</a> </div> </div> </div> </div> </div> <script type="text/javascript">
globalTranslationContainer = ".translationContent";
var requestManager = Sys.WebForms.PageRequestManager.getInstance();
requestManager.add_beginRequest(function () { });
requestManager.add_endRequest(function () {
if (typeof addAjaxEndRequestHandler_InSinglePage != 'undefined')
addAjaxEndRequestHandler_InSinglePage();
});
Sys.Application.add_load(function () {
addAjaxLoad();
if (typeof addAjaxLoadHandler_InSinglePage != 'undefined')
addAjaxLoadHandler_InSinglePage();
});
Sys.Application.add_init(function () {
init("Y2Square CMS.Master with 3D");
if (typeof addAjaxInitHandler_InSinglePage != 'undefined')
addAjaxInitHandler_InSinglePage();
initSelf();
if (typeof initThreeD != 'undefined') {
initThreeD('.threeContent');
}
});
</script> <script type="text/javascript">
//<![CDATA[
var callBackFrameUrl='/WebResource.axd?d=beToSAE3vdsL1QUQUxjWdakbe5sIBmhIXAPWQT_rnYiKq3VvTubjprIN9O6JsXgtECzD1A2&t=638901613900000000';
WebForm_InitCallback();if (typeof(PageMethods) !== 'undefined') PageMethods.set_path('/CM/CMS/content/Webpage.aspx');Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":null,"displayAfter":500,"dynamicLayout":true}, null, null, $get("UpdateProgress1"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._Timer, {"enabled":false,"interval":1000,"uniqueID":"ctl00$Timer1"}, null, null, $get("Timer1"));
});
//]]> </script> </form> </body> </html> <!DOCTYPE html> <html> <head id="htmlTag" lang="zh"><meta name="audience" content="all" /> <meta name="robots" content="all" /> <meta name="page-topic" content="CityStories - RT31"><meta name="AUTHOR" content="chrisscherff@web.de,CityStories"/> <meta name="COPYRIGHT" content="CityStories" /> <meta name="google-site-verification" content="" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=yes" /> <link rel="shortcut icon" type="image/x-icon" href="/CM/CityStories/favicon.ico" /> <link charset="utf-8" type="text/css" rel="preconnect" href="https://fonts.gstatic.com" /> <link charset="utf-8" type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Khand:wght@300&display=swap" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/BOOTSTRAP/bootstrap.min.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/BOOTSTRAP/styles.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/BOOTSTRAP/carousel.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/BOOTSTRAP/jquery.datetimepicker.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/BOOTSTRAP/dataTables.bootstrap4.min.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/fonts/font-awesome/css/font-awesome.min.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/CMS-Master.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/CMS-Product-Master.css" /> <link charset="utf-8" type="text/css" rel="stylesheet" media="all" href="/CM/CMS/style/aos.css" /> <link type="text/css" rel="stylesheet" href="/CM/CityStories/style/CMS-Master-override.css" /> <style id="cssMasterTemplate" type="text/css" media="all">figure.effect-bubba img {min-height: auto; } html, body, input, select, textarea { font-family: 'Khand', sans-serif;}</style> <link rel="canonical" href="https://simply-xchange.com/CityStories/zh/%e6%89%93%e9%9f%86%e9%9e%a6(RT31)" /> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/BOOTSTRAP/jquery-1.11.0.min.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/BOOTSTRAP/bootstrap.bundle.min.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/base64.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/myQueueTask.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/myQueue.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/spin.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/CMS-Tools.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/CMS-Master.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/aos.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CityStories/jsscript/customJS.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/QR.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/js/three.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/jsartoolkit5/artoolkit.min.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/jsartoolkit5/artoolkit.api.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/threex/threex-artoolkitsource.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/threex/threex-artoolkitcontext.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/threex/threex-arbasecontrols.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/threex/threex-armarkercontrols.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/AR/threex/threex-arsmoothedcontrols.js"></script> <script type="text/javascript" charset="utf-8" src="/CM/CMS/jsscript/ThreeGlobals.js"></script> <script type="module" charset="utf-8" src="/CM/CMS/jsscript/ThreeLoaderModule.js"></script> <title>
CityStories - RT31
</title> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5974336163955617"
crossorigin="anonymous"></script> </head> <body class="sb-nav-fixed content"> <form method="post" action="./打韆鞦(RT31)?pid=488&amp;SID=76&amp;LAN=zh&amp;ss=fbfmqcfihbivs4odhsueym0w" id="ctl00"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> </div> <script type="text/javascript">
//<![CDATA[
var theForm = document.forms['ctl00'];
if (!theForm) {
theForm = document.ctl00;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZMp_qShVhp6_sSTDpYuCa_3bUrbfGf8EHOYOtqwY6F8sSxfiGA2&amp;t=638901613900000000" type="text/javascript"></script> <script type="text/javascript">
//<![CDATA[
function login(arg, context) {WebForm_DoCallback('ctl00',arg,loginStatus,-1,null,false); }function translate(arg, context) {WebForm_DoCallback('ctl00',arg,ReceiveTranslationResponse,context,null,false); }function myTranslate(arg, context) {WebForm_DoCallback('ctl00',arg,ReceiveNewUrl,context,null,false); }function getDDLItems(arg, context) {WebForm_DoCallback('ctl00',arg,ReceiveDDLItems,context,null,false); }function resetServer(arg, context) {WebForm_DoCallback('ctl00',arg,ReceiveResetResp,context,null,false);}//]]> </script> <script src="/ScriptResource.axd?d=BtrI6cjRNBCbKdeqszZTlahz4XQhfF89-qBS8B59syY5b8BEF3NJK4SXMuwboLeuno_Wgdaw1zNNt2gGRnIpLpSrwT25sfsU9iJ1J2sShzZK95_rtN7IW5pM4JytfLh_y12WyqJlWd__IHO3afpSe1ipd0Q1E0_WLNsv_2TpgR8buDX9MDHjmXehALVh1nAZut2oCw2" type="text/javascript"></script> <script src="/ScriptResource.axd?d=D1hOhMuFPfzUyl--01QXms26FFddDDI0yG1yKkEQGqFNtnAdBlVRElpG-Ljb2Hx37ZVg7htxevRIAmWt8_vvDN_LK0C3xvnCVcMJG49QomKPYMp4XG6l7oPar2RK7OdZkfVCrCMBrT03tKI6ewQFNohcfc41&amp;t=5c0e0825" type="text/javascript"></script> <script type="text/javascript">
//<![CDATA[
var PageMethods = function() {
PageMethods.initializeBase(this);
this._timeout = 0;
this._userContext = null;
this._succeeded = null;
this._failed = null;
}
PageMethods.prototype = {
_get_path:function() {
var p = this.get_path();
if (p) return p;
else return PageMethods._staticInstance.get_path();},
TestinOnFunc:function(succeededCallback, failedCallback, userContext) {
/// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="userContext" optional="true" mayBeNull="true"></param>
return this._invoke(this._get_path(), 'TestinOnFunc',false,{},succeededCallback,failedCallback,userContext); },
CallJsTest:function(succeededCallback, failedCallback, userContext) {
/// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="userContext" optional="true" mayBeNull="true"></param>
return this._invoke(this._get_path(), 'CallJsTest',false,{},succeededCallback,failedCallback,userContext); },
RefreshNeccessary:function(succeededCallback, failedCallback, userContext) {
/// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="userContext" optional="true" mayBeNull="true"></param>
return this._invoke(this._get_path(), 'RefreshNeccessary',false,{},succeededCallback,failedCallback,userContext); }}
PageMethods.registerClass('PageMethods',Sys.Net.WebServiceProxy);
PageMethods._staticInstance = new PageMethods();
PageMethods.set_path = function(value) {
PageMethods._staticInstance.set_path(value); }
PageMethods.get_path = function() { 
/// <value type="String" mayBeNull="true">The service url.</value>
return PageMethods._staticInstance.get_path();}
PageMethods.set_timeout = function(value) {
PageMethods._staticInstance.set_timeout(value); }
PageMethods.get_timeout = function() { 
/// <value type="Number">The service timeout.</value>
return PageMethods._staticInstance.get_timeout(); }
PageMethods.set_defaultUserContext = function(value) { 
PageMethods._staticInstance.set_defaultUserContext(value); }
PageMethods.get_defaultUserContext = function() { 
/// <value mayBeNull="true">The service default user context.</value>
return PageMethods._staticInstance.get_defaultUserContext(); }
PageMethods.set_defaultSucceededCallback = function(value) { 
PageMethods._staticInstance.set_defaultSucceededCallback(value); }
PageMethods.get_defaultSucceededCallback = function() { 
/// <value type="Function" mayBeNull="true">The service default succeeded callback.</value>
return PageMethods._staticInstance.get_defaultSucceededCallback(); }
PageMethods.set_defaultFailedCallback = function(value) { 
PageMethods._staticInstance.set_defaultFailedCallback(value); }
PageMethods.get_defaultFailedCallback = function() { 
/// <value type="Function" mayBeNull="true">The service default failed callback.</value>
return PageMethods._staticInstance.get_defaultFailedCallback(); }
PageMethods.set_enableJsonp = function(value) { PageMethods._staticInstance.set_enableJsonp(value); }
PageMethods.get_enableJsonp = function() { 
/// <value type="Boolean">Specifies whether the service supports JSONP for cross domain calling.</value>
return PageMethods._staticInstance.get_enableJsonp(); }
PageMethods.set_jsonpCallbackParameter = function(value) { PageMethods._staticInstance.set_jsonpCallbackParameter(value); }
PageMethods.get_jsonpCallbackParameter = function() { 
/// <value type="String">Specifies the parameter name that contains the callback function name for a JSONP request.</value>
return PageMethods._staticInstance.get_jsonpCallbackParameter(); }
PageMethods.set_path("Webpage.aspx");
PageMethods.TestinOnFunc= function(onSuccess,onFailed,userContext) {
/// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="userContext" optional="true" mayBeNull="true"></param>
PageMethods._staticInstance.TestinOnFunc(onSuccess,onFailed,userContext); }
PageMethods.CallJsTest= function(onSuccess,onFailed,userContext) {
/// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="userContext" optional="true" mayBeNull="true"></param>
PageMethods._staticInstance.CallJsTest(onSuccess,onFailed,userContext); }
PageMethods.RefreshNeccessary= function(onSuccess,onFailed,userContext) {
/// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>
/// <param name="userContext" optional="true" mayBeNull="true"></param>
PageMethods._staticInstance.RefreshNeccessary(onSuccess,onFailed,userContext); }
//]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="59EACE87" /> </div> <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'ctl00', ['tctl00$UpdatePanel6','UpdatePanel6','tctl00$UpdatePanel1','UpdatePanel1','tctl00$MidleHolder$UpdatePanel13','MidleHolder_UpdatePanel13','tctl00$UpdatePanel4','UpdatePanel4','tctl00$UpdatePanel3','UpdatePanel3'], ['ctl00$MidleHolder$btnAysncBtnForJavascript','MidleHolder_btnAysncBtnForJavascript'], [], 90, 'ctl00');
//]]> </script> <div id="UpdateProgress1" style="display:none;"> <div id="loadingInside">
loading
<script>
var target = document.getElementById('loadingInside');
var opts = {
lines: 13, // The number of lines to draw
length: 20, // The length of each line
width: 10, // The line thickness
radius: 30, // The radius of the inner circle
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: '#fff', // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: true, // Whether to render a shadow
hwaccel: true, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: '50%', // Top position relative to parent
left: '50%' // Left position relative to parent
};
spinner = new Spinner(opts).spin(target);
console.log("loading inside spinner: " + spinner);
</script> </div> </div> <!-- PAGE START --> <!-- Navigation --> <!-- HEADER START --> <header id="top" class="header"> <div class="cart box_1" style="display:none;"> <a href="calc.aspx"> <div class="total"><span class="simpleCart_total"><div id="myPanel_basket"> </div></span></div> <img src="/CM/CMS/images/cart-1.png" alt="" /> </a> </div> <!-- Header >> BODDYHEADER--> </header> <!-- CONTENT START --> <div id="UpdatePanel6"> <span id="Timer1" style="visibility:hidden;display:none;"></span> <div style="color:white; position:absolute; top:26px; right:290px; width:150px; height:auto; z-index:1100; background-color:transparent;"> <span id="Session_Holder"></span> </div> </div> <div class="pages"> <div class=""> <div id="MidleHolderNOAJAX_BEFORE_ContentPanel"> <div class="threeContent1 col-md-12 offset-md-0 align-self-center" style="width: 100%; height: auto; position: absolute; inset: 0px; text-align: center; z-index: -1;" id="aThreeD__ele__1"><canvas width="2440" height="1400" style="display: block; width: 1220px; height: 700px; position: absolute; inset: 0px; z-index: -1;"></canvas></div><script>var obj = new threeObject({ fov:20, near:0.1, far:200 }, "/CM/CityStories/Upload/RT31/TEST_008.glb", "", { x: 0, y: 0, z: 0, rx:-0.1, ry:-0.3, rz: 0 }, 0xEAEAEA, { x: -1, y: 2, z:4, color: 0xFFFFFF }, "", [{sf:"/CM/CityStories/Upload/RT31/MUSIK/02/a1.mp3",vol:0.07},{sf: "/CM/CityStories/Upload/RT31/MUSIK/03/a1.mp3", vol:1.0}], 2.5, [{ name:"KOPF", url:"https://simply-xchange.com/CM/CityStories/Upload/RT31/face.jpg" }, { name:"SCHACHTEL", url:"https://simply-xchange.com/CM/CityStories/Upload/RT31/RT31.jpg" }], "", true, true);</script><!--ELEMENT1END--><!--ELEMENT2--><div class="row" id="div__ele__2"><!--ELEMENT3--><div align="center" class="embed-responsive col-md-12 offset-md-0 align-self-center" id="aVideo__ele__3" style="text-align: center;height:250px;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/8xLqkIAQ2kw" title="CityStories" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div><!--ELEMENT3END--></div><!--ELEMENT2END--><br><!--ELEMENT4--><div class="row" id="div__ele__4"><!--ELEMENT5--><div class="col-10 offset-1 align-self-center" id="aText__ele__5" style="text-align: center;"><h1>打韆鞦</h1><p>盪鞦韆又名﹝打韆鞦﹞是最受小朋友喜愛的遊樂設施之一，由於玩鞦韆的小朋友太多，所以當時鞦韆的左右兩旁往往會出現小朋友輪侯的人龍。於60、70年代，鞦韆是以木板製成底座，小朋友可以以坐著或站立的形式盪鞦韆，有些膽量過人的小朋友甚至可以將鞦韆盪至橫向水平，差不多與地面形成90度角，十分刺激。然而到80年代後期，鞦韆的木板底座已改用為軟膠質料，直到現時許多遊樂場已經沒有這項設施了。</p></div><!--ELEMENT5END--></div><!--ELEMENT4END--><br><!--ELEMENT7--><div class="row"><div class="col align-self-center" style="text-align: center;"><a href="RT01.aspx?SA=CityStories&amp;start=1" class="btn myBtn" style="text-align: center;" id="aButton__ele__7">開始AR體驗</a></div></div><!--ELEMENT7END--><br><!--ELEMENT7--><div class="row"><div class="col align-self-center" style="text-align: center;"><a href="Home.aspx?SA=CityStories" class="btn myBtn" style="text-align: center;" id="aButton__ele__7">探索</a></div></div><!--ELEMENT7END--><br><!--ELEMENT8--><div class="row" id="div__ele__8"><!--ELEMENT9--><div style="text-align: center;" class="col-2 offset-5 align-self-center" id="aImage__ele__9"><figure class="effect-bubba" onclick="GoToUrl(&quot;RT01.aspx&quot;);"><img class="img-responsive" src="/CM/CityStories/Upload/PHOTO-2021-05-09-04-16-56.jpg" alt="Image_8" style=""><figcaption></figcaption></figure></div><!--ELEMENT9END--></div> </div> <div id="UpdatePanel1"> <span id="MidleHolder_lbStatus" class="status" style="position:absolute; top:0px; left:0px;"></span> <div id="overlay_details" style="position:absolute; top:0px; left:0px; width:100%; height:auto; display:none"></div> <div id="MidleHolder_UpdatePanel13"> <div id="dbDisplay"> <div id="MidleHolder_FormsPanel"> </div> </div> <div class="products container-fluid"> <div id="MidleHolder_DatabasePanel" class=""> </div> </div> <div id="products2"> <div id="MidleHolder_DatabasePanel2"> </div> </div> <div id="MidleHolder_P_LINKLIST"> </div> <div id="MidleHolder_P_Preview"> </div> <!-- MOST IMPORTANT ACHIVEMENT FOR ASYNC --> <input type="hidden" name="ctl00$MidleHolder$btnAysncBtnValueForJavascript" id="MidleHolder_btnAysncBtnValueForJavascript" value="-1" /> <input type="submit" name="ctl00$MidleHolder$btnAysncBtnForJavascript" value="Button Trigger" id="MidleHolder_btnAysncBtnForJavascript" class="hidden" /> <script type="text/javascript">
function DoPost(atext)
{
var b = $get('MidleHolder_btnAysncBtnForJavascript');
var hf =  $('#MidleHolder_btnAysncBtnValueForJavascript');
console.log(hf);
hf.val(atext)
console.log("cause clicking server button" + hf.val());
b.click();
}
function ReceiveServerData(arg, context) {
console.log("receive " + arg);
}
</script> </div> <div id="iPHONE_PREVIEW"></div> </div> </div> </div> <!-- CONTENTEND --> <!-- FOOTER --> <footer> <div class="container"> <div class="row"> <div id="UpdatePanel4"> <div id="MenuFooter"> </div> </div> </div> </div> <a id="to-top" href="#top" class="btn btn-dark btn-lg"><i class="fa fa-chevron-up fa-fw fa-1x"></i></a> <a id="backButton" href="javascript:history.back();" class="backButton">back</a> </footer> <!-- FOOTER END --> <!--LOGIN/REGISTER panel --> <div id="popUpPanel" data-role="popup"> <div id="UpdatePanel3"> <div id="LoginPanel" class="overlay" style="position: absolute; top: 0px; left: 0px; z-index: 1000; display: none;"> <div data-role="header"> <h1>Login</h1> </div> <div data-role="content"> <div class="dbDisplay" data-role="fieldcontain" style=""> <a class='closeButton' href='#' onclick="fadeOut('LoginPanel'); $('#LoginPanel .msg').html(''); $('#msg').html('');"></a> <div class="status" id="msg" style="width:100%;"></div> <input name="ctl00$tb_Name" type="text" id="tb_Name" PlaceHolder="email" req="true" tyle="float: right" /><br class="spacer" /> <input name="ctl00$pwd" type="password" id="pwd" PlaceHolder="Password" req="true" style="float: right" /> </div> <div class="options"> <span id="stateLogin" class="status error"></span> <a href="#" onclick="javascript:login('login,' + $('#tb_Name').val() + ',' + $('#pwd').val() + '')" class="cmsButton" style="">Anmelden</a> <a href="profile.aspx" onclick="display('RegisterPanel');" class="cmsButton" style="-webkit-border-radius: 0px;-ms-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; -webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;">Registrieren</a><br class="spacer" /> </div> </div> </div> <div id="RegisterPanel" class="overlay" style="top: 0px; left: 0px; z-index: 1100; display: none;"> <div data-role="header"> <h1>Register</h1> </div> <div data-role="content"> <div class="dbDisplay" data-role="fieldcontain" style=""> <a class='closeButton' href='#' onclick="fadeOut('RegisterPanel')"></a> <div class="status" id="Div1" style="width:100%;"></div> <input name="ctl00$tb_RegEmail" type="text" id="tb_RegEmail" PlaceHolder="email" req="true" style="float: right" /><br class="spacer" /> <input name="ctl00$tb_RegPwd" type="password" id="tb_RegPwd" PlaceHolder="Password" req="true" style="float: right" /> </div> <div class="options"> <span id="Label1" class="status error"></span> <a href="#" onclick="javascript:login('register,' + $('#tb_RegEmail').val() + ',' + $('#tb_RegPwd').val() + '')" class="cmsButton" style="">Registrieren</a> </div> </div> </div> </div> </div> <script type="text/javascript">
globalTranslationContainer = ".translationContent";
var requestManager = Sys.WebForms.PageRequestManager.getInstance();
requestManager.add_beginRequest(function () { });
requestManager.add_endRequest(function () {
if (typeof addAjaxEndRequestHandler_InSinglePage != 'undefined')
addAjaxEndRequestHandler_InSinglePage();
});
Sys.Application.add_load(function () {
addAjaxLoad();
if (typeof addAjaxLoadHandler_InSinglePage != 'undefined')
addAjaxLoadHandler_InSinglePage();
});
Sys.Application.add_init(function () {
init("Y2Square CMS.Master with 3D");
if (typeof addAjaxInitHandler_InSinglePage != 'undefined')
addAjaxInitHandler_InSinglePage();
initSelf();
if (typeof initThreeD != 'undefined') {
initThreeD('.threeContent');
}
});
</script> <script type="text/javascript">
//<![CDATA[
var callBackFrameUrl='/WebResource.axd?d=beToSAE3vdsL1QUQUxjWdakbe5sIBmhIXAPWQT_rnYiKq3VvTubjprIN9O6JsXgtECzD1A2&t=638901613900000000';
WebForm_InitCallback();if (typeof(PageMethods) !== 'undefined') PageMethods.set_path('/CM/CMS/content/Webpage.aspx');Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":null,"displayAfter":500,"dynamicLayout":true}, null, null, $get("UpdateProgress1"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._Timer, {"enabled":false,"interval":1000,"uniqueID":"ctl00$Timer1"}, null, null, $get("Timer1"));
});
//]]> </script> </form> </body> </html>