der$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/RT24/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/RT24/MUSIK/02/a1.mp3",vol:0.07},{sf: "/CM/CityStories/Upload/RT24/MUSIK/03/a1.mp3", vol:1.0}], 2.5, [{ name:"KOPF", url:"https://simply-xchange.com/CM/CityStories/Upload/RT24/face.jpg" }, { name:"SCHACHTEL", url:"https://simply-xchange.com/CM/CityStories/Upload/RT24/RT24.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>安全島﹝英語： refuge island﹞是輔助行人橫過馬路的設施，一般設置在較闊或有相反行車方向的道路上，主要於車流較少或學校附近設置。首座行人安全島於1963年在英國建成，早期被稱之為「安全地帶」，安全地帶兩側各設有兩盞路燈，而當時只有在交通流量大及危險性高的十字路口設置，直到1993年安全島才正式被廣泛推廣及應用。香港地少人多，街道大多極為狹窄，車流密集，於馬路中間設立安全島，行人過馬路便有了保障。尤其對於有特別需要的人士，例如行動不便的長者、推嬰兒車的家長或殘疾人士等，分段過馬路更為安全。</p></div><!--ELEMENT5END--></div><!--ELEMENT4END--><br><!--ELEMENT7--><div class="row"><div class="col align-self-center" style="text-align: center;"><a href="RT24.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;RT24.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=",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/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=hn5sag0yw2iakqeyvmfr1ifd" 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>