['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> <!DOCTYPE html> <html> <head id="htmlTag" lang="zh"><meta name="audience" content="all" /> <meta name="robots" content="all" /> <meta name="page-topic" content="CityStories - RT23"><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/%e7%b4%85%e7%b6%a0%e7%87%88(RT23)" /> <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 - RT23
</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="./紅綠燈(RT23)?pid=480&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/RT23/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/RT23/MUSIK/02/a1.mp3",vol:0.07},{sf: "/CM/CityStories/Upload/RT23/MUSIK/03/a1.mp3", vol:1.0}], 2.5, [{ name:"KOPF", url:"https://simply-xchange.com/CM/CityStories/Upload/RT23/face.jpg" }, { name:"SCHACHTEL", url:"https://simply-xchange.com/CM/CityStories/Upload/RT23/RT23.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/UOFTceuboa0" 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>交通信號燈（英語：Traffic Light），俗稱「紅綠燈」，通常設置於交岔路口或其他需要交通管制的地點，以紅、黃、綠三色燈號或輔以聲音訊號，指示車輛及行人停止、注意與行進的交通管制設施，而香港紅綠燈發出「嘟嘟」的提示聲音更成為香港人耳熟能詳的聲音之一。在交通信號燈尚未發明之前，交通運作是由交通警察所控制的，以人手方式負責指揮交通。香港首座交通燈在1922年啟用，雖然早期的交通燈十分簡陋，只有一個球形的紅色電燈，但於數十年間不斷的調整及提升馬路系統設備，現時香港的紅綠燈能夠作分段控制，使車流能夠更加快速流暢，對於香港這個車水馬龍的地方，使日常交通運作能夠保持暢通無阻甚為重要。</p></div><!--ELEMENT5END--></div><!--ELEMENT4END--><br><!--ELEMENT7--><div class="row"><div class="col align-self-center" style="text-align: center;"><a href="RT23.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;RT23.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>