1<!DOCTYPE html> 2<html lang="zh-Hant-tw" dir=ltr> 3<!-- è«åå©èç--> 4<!-- _Layout_Head æ¯æ¾ js cssçå°æ¹ï¼åéææ¤é link ç css js æ¾å¨_Layout_Head--> 5<!-- å çºå¨é裡已ç¶å é²ä¾ï¼æä»¥å°±ççå°ï¼è®é¦é åå §é é½ä¸è´--> 6<head> 7 <meta charset="UTF-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta name="description" content="ææªè³è¨æ´å管çæåå¹³å°ãåå®¶æªæ¡è³è¨ç¶²ãæ°ç¾ç«¯"> 10 <meta name="keywords" content="ææªè³è¨æ´å管çæåå¹³å°ãåå®¶æªæ¡è³è¨ç¶²"> 11 <meta name="author" content=""> 12 <meta name="copyright" content="åå®¶æªæ¡è³è¨ç¶²çæ¬ææ"> 13 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 14 <meta http-equiv="Expires" CONTENT="0"> 15 <meta http-equiv="Cache-Control" CONTENT="no-cache"> 16 <meta http-equiv="Pragma" CONTENT="no-cache"> 17 <title>åå®¶æªæ¡è³è¨ç¶² | é¦é </title> 18 <link rel="icon" href="/Content/NewContent/images/icon/aa.ico"> 19 <link rel="apple-touch-icon" sizes="57x57" href="/Content/NewContent/images/icon/Icon-57.png"> 20 <link rel="apple-touch-icon" sizes="72x72" href="/Content/NewContent/images/icon/Icon-72.png"> 21 <link rel="apple-touch-icon" sizes="114x114" href="/Content/NewContent/images/icon/Icon-114.png"> 22 <link rel="apple-touch-icon" sizes="144x144" href="/Content/NewContent/images/icon/Icon-144.png"> 23 <!-- CSS --> 24 <link rel="stylesheet" href="/Content/NewContent/bs-533/css/bootstrap.min.css"> 25 <link rel="stylesheet" href="/Content/bootstrap-table/dist/extensions/page-jumpto/bootstrap-table-jumpto.css" /> 26 <link rel="stylesheet" href="/Content/bootstrap-table/dist/extensions/reorder-rows/bootstrap-table-reorder-rows.css" /> 27 <link rel="stylesheet" href="/Content/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css"> 28 <link rel="stylesheet" href="/Content/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css"> 29 <link rel="stylesheet" href="/Content/NewContent/fonts/style.css"> 30 <link rel="stylesheet" href="/Content/NewContent/css/style.css"> 31 <link rel="stylesheet" href="/Content/NewContent/css/media.css"> 32 <link rel="stylesheet" href="/Content/NewContent/css/alternativestyle.css"> 33 34 35 <!-- JS --> 36
36<script src="/Content/NewContent/bs-533/js/bootstrap.bundle.min.js"></script>
36 37
37<script src="/Content/js/jquery-3.7.1.min.js"></script>
37 38
38<script src="/Content/OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
38 39
39<script src="/Content/NewContent/js/highcharts.js"></script>
39 40
40<script src="/Content/NewContent/js/variable-pie.js"></script>
40 41
41<script src="/Content/NewContent/js/accessibility.js"></script>
41 42
42<script src="/Content/NewContent/js/plus.js"></script>
42 43 44
44<script src="/Content/js/appsettings.js"></script>
44 45
45<script src="/Content/NewContent/js/apinew.js"></script>
45 46 47
47<script src="/Content/js/main.js"></script>
47 48
48<script src="/Content/js/wow.min.js"></script>
48 49
49<script src="/Content/js/indexedDB.js"></script>
49 50
50<script src="/Content/TableDnD/jquery.tablednd.min.js"></script>
50 51 52
52<script src="/Content/bootstrap-table/dist/bootstrap-table.js"></script>
52 53
53<script src="/Content/bootstrap-table/dist/extensions/reorder-rows/bootstrap-table-reorder-rows.min.js"></script>
53 54
54<script src="/Content/bootstrap-table/dist/extensions/page-jumpto/bootstrap-table-jumpto.js" type="text/javascript"></script>
54 55
55<script src="/Content/bootstrap-table/dist/locale/bootstrap-table-zh-TW.min.js"></script>
55 56
56<script src="/Content/bootstrap-table/dist/extensions/export/bootstrap-table-export.js"></script>
56 57 58 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 58-59
58 59 <script async src="https://www.googletagmanager.com/gtag/js?id=
59G-K2SZ0PTM50
vendor: 17 bytes, lines 59-60
59"></script> 60
60<script> 61
vendor: 159 bytes, lines 61-65
61window.dataLayer = window.dataLayer || []; 62 function gtag() { dataLayer.push(arguments); } 63 gtag('js', new Date()); 64 65 gtag('config', '
65G-K2SZ0PTM50
vendor: 9 bytes, lines 65-66
65'); 66
66</script>
66 67 <!-- Google tag (gtag.js) --> 68</head><body> 69 <span id="top"></span> 70 <noscript> 71 Your browser does not support JavaScript! 72 æ¨çç覽å¨ä¸æ¯æ´JavaScriptåè½ã第ä¸ï¼è¥ç¶²é åè½ç¡æ³æ£å¸¸ä½¿ç¨æï¼è«éåç覽å¨JavaScriptçæ ã第äºï¼åç´å¤§å°è«å©ç¨éµç¤æä½Ctrl + (+)æ¾å¤§ (-)縮å°ä¾æ¹è® 73 </noscript> 74 <a href="#AC" class="focusable position-absolute top-0 start-0 border-0 overflow-hidden p-0 text-nowrap" 75 title="è·³å°ä¸å¤®ä¸»è¦å §å®¹åå¡[å¿«æ·éµAlt+C]"> 76 <span>è·³å°ä¸å¤®ä¸»è¦å §å®¹åå¡</span> 77 </a> 78 79
79<script> 80 var acclabel = "æå¡"; 81 if (acclabel.length > 0) 82 sessionStorage.setItem("AccountLabel", "æå¡"); 83 </script>
83 84 85<nav class="navbar navbar-expand-xxl bg-white border-bottom border-2 border-gray-b2"> 86 <div class="container-fluid"> 87 <div id="google_translate_element" class="d-none"></div> 88 <div class="key-mark position-relative"> 89 <a href="#AU" id="AU" accesskey="U" class="position-absolute top-0 start-0 fs-6 text-black" title="䏿¹é¸å®åå¡[å¿«æ·éµAlt+U]"> 90 <span>:::</span> 91 <span class="visually-hidden">䏿¹é¸å®åå¡</span> 92 </a> 93 </div> 94 <div class="col-xxl-11 mx-xxl-auto col-12"> 95 <div class="d-flex gap-4 align-items-lg-center align-items-end top-area"> 96 <h1 class="d-inline-block mb-0 order-xxl-1"> 97 <a class="navbar-brand d-inline-block me-0" href="" name="indexhtml" title="é¦é "> 98 <img class="w-100" src="/Content/NewContent/images/logo-small.png" alt="åå®¶æªæ¡è³è¨ç¶²logo"> 99 <span class="invisible position-absolute z-01">åå®¶æªæ¡è³è¨ç¶²</span> 100 </a> 101 </h1> 102 <div class="pt-md-4 text-center order-xxl-2 offcanvas offcanvas-start" tabindex="-1" id="main-menu-list" aria-labelledby="main-menu-list"> 103 <div class="offcanvas-header"> 104 <button type="button" class="btn-close fs-4" data-bs-dismiss="offcanvas" aria-label="éé主è¦é¸å®" title="éé主è¦é¸å®"> 105 </button> 106 </div> 107 <div class="d-md-none d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom border-2"> 108 <!-- èªç³»ãç»å ¥ --> 109 <div> 110 <a class="btn" href="javascript:toggleGoogTrans();" role="button" aria-label="èªç³»é¸é " title="åæèªè¨"> 111 <img class="w-100" src="/Content/NewContent/images/icon/language-small.png" alt="èªç³»é¸é å示"><span class="invisible position-absolute z-01">èªç³»é¸é </span> 112 </a> 113 </div> 114 <ul class="top-link list-unstyled d-flex align-items-center mb-0"> 115 <li><img class="w-100" src="/Content/NewContent/images/icon/logo-line-1.png" alt=""></li> 116 <li> 117 <a href="" name="indexhtml" class="btn" title="åå¾-é¦é "> 118 <span class="icon-home"></span><span class="invisible position-absolute z-01">è¿åé¦é </span> 119 </a> 120 </li> 121 <li class="px-1">|</li> 122 <li> 123 <a href="" name="sitemaphtml" class="btn" title="åå¾-ç¶²ç«å°è¦½"> 124 <span class="icon-sitemap"></span> 125 <span class="invisible position-absolute z-01">ç¶²ç«å°è¦½</span> 126 </a> 127 </li> 128 <li class="px-1">|</li> 129 <li> 130 <a href="" name="blankhtml" class="btn" title="åå¾-åå®¶æªæ¡é¤¨[å¦éè¦çª]" target="_blank"> 131 <img src="/Content/NewContent/images/icon/logo-line.png" alt=""> 132 <span class="invisible position-absolute z-01">åå®¶æªæ¡é¤¨</span> 133 </a> 134 </li> 135 </ul> 136 </div> 137 <ul id="PeopleMain" class="navbar-nav gap-3 mb-2 mb-lg-0 justify-content-lg-center text-start px-lg-0 px-4"> 138 </ul> 139 </div> 140 <!-- èªç³»ãç»å ¥ --> 141 <ul class="login-lang list-unstyled d-flex gap-2 align-items-center mb-0 pt-lg-4 order-xxl-3 flex-wrap"> 142 <li class="d-md-block d-none"> 143 <a class="btn" style="min-width: 55px;" href="javascript:toggleGoogTrans();" role="button" aria-label="èªç³»é¸é " title="åæèªè¨"> 144 <img class="w-100" src="/Content/NewContent/images/icon/language-small.png" alt="èªç³»é¸é å示">
145 <span class="invisible position-absolute z-01">èªç³»é¸é </span> 146 </a> 147 </li> 148 <li> 149 <span id="AccountLabel" style="display:none;" translate="no">æå¡</span> 150 <div class="login-btn"> 151 <a class="btn py-0 bg-gray-ea d-flex gap-2 align-items-center" href="/API/v1" title="åå¾-ç»å ¥"> 152 <span class="icon-user-login text-gray-64 fs-4"></span> 153 <span class="text-gray-64 fs-5 fw-bold">ç»å ¥</span> 154 </a> 155 </div> 156 </li> 157 </ul> 158 <!-- è¿åé¦é ãç¶²ç«å°è¦½ãåå®¶æªæ¡é¤¨ --> 159 <ul class="top-link list-unstyled d-sm-flex d-none align-items-center mb-0 pt-lg-4 order-xxl-4 position-absolute end-0 top-0"> 160 <li><img class="w-100" src="/Content/NewContent/images/icon/logo-line-1.png" alt=""></li> 161 <li> 162 <a href="" name="indexhtml" class="btn" title="åå¾-é¦é "> 163 <span class="icon-home"></span><span class="invisible position-absolute z-01">è¿åé¦é </span> 164 </a> 165 </li> 166 <li class="px-1">|</li> 167 <li> 168 <a href="" name="sitemaphtml" class="btn" title="åå¾-ç¶²ç«å°è¦½"> 169 <span class="icon-sitemap"></span><span class="invisible position-absolute z-01">ç¶²ç«å°è¦½</span> 170 </a> 171 </li> 172 <li class="px-1">|</li> 173 <li> 174 <a href="" name="blankhtml" class="btn" title="åå¾åå®¶ç¼å±å§å¡ææªæ¡ç®¡çå±[å¦éè¦çª]" target="_blank"> 175 <img src="/Content/NewContent/images/icon/logo-line.png" alt=""><span class="invisible position-absolute z-01">åå®¶æªæ¡é¤¨</span> 176 </a> 177 </li> 178 </ul> 179 <button class="navbar-toggler mt-md-4" type="button" data-bs-toggle="offcanvas" data-bs-target="#main-menu-list" aria-controls="main-menu-list" title="éå主è¦é¸å®" aria-label="éå主è¦é¸å®"> 180 <span class="navbar-toggler-icon"></span> 181 </button> 182 183 </div> 184 </div> 185 </div> 186</nav> 187 188<!--Seaech-bar START--> 189 190<div class="page-search"> 191 <div class="container container-xxxl position-relative"> 192 <div class="key-mark position-relative"> 193 <a id="AS" href="#AS" accesskey="S" class="position-absolute top-0 start-100 fs-6 text-decoration-none" title="å ¨ç«æå°åå¡"> 194 <span>:::</span> 195 <span class="visually-hidden">å ¨ç«æå°</span> 196 </a> 197 </div> 198 <div class="position-absolute top-0 end-0"> 199 <!-- æå°æé --> 200 <div class="col-xxl-11 col-12 mx-xxl-auto text-end"> 201 <div class="p-3"> 202 <button type="button" class="col-auto btn for-btn btn-success rounded-1 border-0" 203 data-bs-toggle="offcanvas" data-bs-target="#page-search" aria-controls="page-search" title="éåç°¡ææå°é é¢"> 204 <span class="icon-search"></span> 205 <span class="visually-hidden ">æå°</span> 206 </button> 207 </div> 208 </div> 209 <div class="offcanvas offcanvas-top" tabindex="-1" id="page-search" aria-labelledby="page-search"> 210 <div class="offcanvas-header"> 211 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 212 </div> 213 <div class="offcanvas-body d-flex justify-content-center"> 214 <div class="card bg-transparent border-0 col-xxl-7"> 215 <div class="card-body px-0"> 216 <div class="d-flex align-items-stretch border border-success rounded-2 mb-3"> 217 <div class="col d-flex align-items-center bg-white rounded-start rounded-2 p-md-3"> 218 <div class="col-auto px-md-3 border-end border-1 border-dark-4d"> 219 <label for="easy-search" 220 class="col-form-label fs-4 text-dark-4d letter-spacing-2 px-2 py-0">ç°¡ææå°</label> 221 </div> 222 <div class="col"> 223 <input type="search" id="easy-search" class="form-control border-0 fs-4" 224 placeholder="è¼¸å ¥ä¸æééµå"> 225 </div> 226 </div> 227 <button onclick="commonSearch('')" 228 onkeypress="commonSearch('')" 229 type="button" class="col-auto btn for-btn btn-success px-md-4 rounded-2" title="æå°å示æé">
230 <span class="icon-search fs-1"></span> 231 <span class="visually-hidden">æå°</span> 232 </button> 233 </div> 234 <div class="d-flex flex-md-nowrap flex-wrap gap-2 align-items-md-center justify-content-md-center py-2"> 235 <span class="text-dark-emphasis fs-18 ps-lg-2 d-md-inline d-block col-md-auto col-12">éå¶æå°æ¢ä»¶ï¼</span> 236 <div class="form-check d-flex align-items-center gap-1"> 237 <input class="form-check-input mt-0 border-gray-a9" type="checkbox" value="QueryRange3" 238 id="text-video-public"> 239 <label class="form-check-label text-dark-20 fs-18" for="text-video-public"> 240 å ¨æå½±åå ¬é 241 </label> 242 </div> 243 <div class="form-check d-flex align-items-center gap-1"> 244 <input class="form-check-input mt-0 border-gray-a9" type="checkbox" value="1" 245 id="digitized" > 246 <label class="form-check-label text-dark-20 fs-18" for="digitized"> 247 å·²æ¸ä½å 248 </label> 249 </div> 250 <div class="form-check d-flex align-items-center gap-1"> 251 <input class="form-check-input mt-0 border-gray-a9" type="checkbox" value="1" 252 id="political-archives"> 253 <label class="form-check-label text-dark-20 fs-18" for="political-archives"> 254 æ¿æ²»æªæ¡ 255 </label> 256 </div> 257 </div> 258 </div> 259 </div> 260 </div> 261 </div> 262 </div> 263 </div> 264</div> 265 266<form id="simpsearch" name="simpsearch" method="get" action="/ELK/SimpSearch"> 267 <input type="hidden" id="q" name="q" value=""> 268 <input type="hidden" name="PageNow" value="1"> 269 <input type="hidden" name="DisplayNumber" value="20"> 270 <input type="hidden" name="QueryRange1" id="QueryRange1" value=""> 271 <input type="hidden" name="QueryRange2" id="QueryRange2" value=""> 272 <input type="hidden" name="QueryRange3" id="QueryRange3" value=""> 273 <input type="hidden" name="QueryRange4" id="QueryRange4" value=""> 274</form> 275
276<script> 277 function commonSearch(search_data, QueryRange1 = '1') { 278 var q = document.getElementById('easy-search').value; 279 280 var check2 = document.getElementById("political-archives").checked; 281 var check3 = document.getElementById("text-video-public").checked; 282 var check4 = document.getElementById("digitized").checked; 283 //夿·ä¸æå¼é¸é çå¼ 284 //夿·ä¸æå¼é¸é çå¼ 285 if (check2) { 286 document.getElementById("QueryRange2").value = 1; 287 } 288 else { 289 document.getElementById("QueryRange2").value = ""; 290 } 291 if (check3) { 292 document.getElementById("QueryRange3").value = "QueryRange3"; 293 } 294 else { 295 document.getElementById("QueryRange3").value = ""; 296 } 297 if (check4) { 298 document.getElementById("QueryRange4").value = 1; 299 } 300 else { 301 document.getElementById("QueryRange4").value = ""; 302 } 303 if (check2 || check3 || check4) { 304 document.getElementById("QueryRange1").value = QueryRange1; 305 } 306 else { 307 document.getElementById("QueryRange1").value = "all"; 308 } 309 document.getElementById("q").value = q; 310 var myForm = document.getElementById('simpsearch'); 311 myForm.submit(); 312 } 313 function commonAdv(Search_data, ETSyear, ETSMonth, ETSDay) { 314 const form = document.createElement('form'); 315 form.method = 'post'; 316 form.action = '/ELK/AdvSearchResult'; 317 const hiddenField = document.createElement('input'); 318 hiddenField.type = 'hidden'; 319 hiddenField.name = 'q1'; 320 hiddenField.value = Search_data; 321 form.appendChild(hiddenField); 322 const hiddenField1 = document.createElement('input'); 323 hiddenField1.type = 'hidden'; 324 hiddenField1.name = 'QueryRange1'; 325 hiddenField1.value = 'all'; 326 form.appendChild(hiddenField1); 327 const hiddenField2 = document.createElement('input'); 328 hiddenField2.type = 'hidden'; 329 hiddenField2.name = 'IfQueryRange2'; 330 hiddenField2.value = '1'; 331 form.appendChild(hiddenField2); 332 const hiddenField3 = document.createElement('input'); 333 hiddenField3.type = 'hidden'; 334 hiddenField3.name = 'IfQueryRange4'; 335 hiddenField3.value = '1'; 336 form.appendChild(hiddenField3); 337 const hiddenField4 = document.createElement('input'); 338 hiddenField4.type = 'hidden'; 339 hiddenField4.name = 'QueryField1'; 340 hiddenField4.value = 'fondTitle'; 341 form.appendChild(hiddenField4); 342 const hiddenField5 = document.createElement('input'); 343 hiddenField5.type = 'hidden'; 344 hiddenField5.name = 'ExpectedTransferStartDate'; 345 hiddenField5.value = ETSyear + "-" + ETSMonth + "-" + ETSDay; 346 form.appendChild(hiddenField5); 347 const hiddenField8 = document.createElement('input'); 348 hiddenField8.type = 'hidden'; 349 hiddenField8.name = 'FileLevel'; 350 hiddenField8.value = 'Folder'; 351 form.appendChild(hiddenField8); 352 const hiddenField9 = document.createElement('input'); 353 hiddenField9.type = 'hidden'; 354 hiddenField9.name = 'ETSDay'; 355 hiddenField9.value = ETSDay; 356 form.appendChild(hiddenField9); 357 const hiddenField10 = document.createElement('input'); 358 hiddenField10.type = 'hidden'; 359 hiddenField10.name = 'PageNow'; 360 hiddenField10.value = '1'; 361 form.appendChild(hiddenField10); 362 const hiddenField11 = document.createElement('input'); 363 hiddenField11.type = 'hidden'; 364 hiddenField11.name = 'DisplayNumber'; 365 hiddenField11.value = '20'; 366 form.appendChild(hiddenField11); 367 document.body.appendChild(form); 368 form.submit(); 369 } 370 371 var keyWord1 = getUrlPar('q'); 372 var st = getUrlPar('searchType'); 373 374 375 if (keyWord1 !== undefined) { 376 document.getElementById('easy-search').value = keyWord1; 377 } 378 379 380 if (st == "1") { 381 document.getElementById('searchType').value = 2; 382 } 383 384 document.addEventListener("DOMContentLoaded", function (event) { 385 readbrowseTimesIndex(siteId); 386 });
387 388 function readbrowseTimesIndex(id) { 389 if (id) { 390 var url = apiUrl + "/api/BrowseTimes/" + id; 391 var cookiename = "aavisitdate"; 392 var expiretime = getCookie('aavisitdate'); 393 var date = new Date(); 394 var isSetCookie = true; 395 if (expiretime !== null) { 396 var thisDate = new Date(expiretime); 397 if (date < thisDate) { 398 url = apiUrl + "/api/BrowseTimes/getCount/" + id; 399 isSetCookie = false; 400 } else { 401 eraseCookie(cookiename); 402 } 403 } 404 if (isSetCookie) { 405 var timeperiod = 5; 406 var expires = ""; 407 date.setTime(date.getTime() + (timeperiod * 60 * 1000)); 408 expires = "; expires=" + date.toUTCString(); 409 document.cookie = cookiename + "=" + date.toUTCString() + expires + "; path=/; SameSite=Lax; Secure"; 410 } 411 412 $.get(url, function () { 413 }).done(function (data) { 414 if (typeof renderbrowseTimesIndex !== 'undefined') { 415 renderbrowseTimesIndex(data); 416 } 417 }).fail(function () { 418 }); 419 } 420 } 421</script>
421<!--Seaech-bar END--> 422
423<script> 424 425 $(window).bind("pageshow", function () { 426 $("#CheckLogin").click(); 427 }); 428 429 $("#CheckLogin").on("click", function () { 430 //檢æ¥ç»å ¥çæ Start 431 432 var obj = { data: "" }; 433 434 $.ajax({ 435 url: '/MemberCenter/LoginCheck', 436 data: obj, 437 type: 'POST', 438 async: false, 439 timeout: 3, 440 success: function (data) { 441 if (data == "0") { 442 sessionStorage.setItem("isLoginAdded", "0"); 443 } 444 else { 445 sessionStorage.setItem("isLoginAdded", "1"); 446 } 447 }, 448 complete: function () { 449 $("#IsShowLogin").click(); 450 } 451 }); 452 453 //檢æ¥ç»å ¥çæ End 454 }); 455 456 $("#IsShowLogin").on("click", function () { 457 var MemberName = ""; 458 if ($("#membername").length > 0) { 459 MemberName = $("#membername").text(); 460 } 461 462 var Accountlabel = ""; 463 if ($("#AccountLabel").length > 0) { 464 Accountlabel = $("#AccountLabel").text(); 465 } 466 467 var isLogin = sessionStorage.getItem("isLoginAdded"); 468 var AccLabel = sessionStorage.getItem("AccountLabel"); 469 470 var path = location.pathname; 471 var patharray = path.split('/'); 472 var pathweb = patharray[patharray.length - 1]; 473 474 if (MemberName.length != 0 && isLogin == '0') { 475 sessionStorage.setItem("FromAddFolder", "1"); 476 if (pathweb == "MyApplication" || pathweb == "MyArchivesCart" || pathweb == "PendingList" || pathweb == "MyApplicationHistory" || pathweb == "MyAttachment") { 477 alert("è«å æå¡ç»å ¥!"); 478 window.location.href = "/API/v1"; 479 } 480 else { 481 document.getElementById('LoginStatus').innerHTML = '<button class="btn btn-primary" onclick="javascript:location.href=\'/API/v1\'" onkeypress="javascript:location.href=\'/API/v1\'" title="åå¾-ç»å ¥" type="button">ç»å ¥</button>'; 482 document.getElementById('CarCount').innerHTML = ''; 483 } 484 } 485 else 486 { 487 if (AccLabel != null) { 488 if (AccLabel.length > 0) { 489 if (Accountlabel != AccLabel) { 490 if (pathweb != "MemberLogin") { 491 alert("嵿¸¬å°èº«åè系統ä¸ä¸è´ï¼å°çºæ¨éæ°æ´çé é¢ï¼ä¸¦å°åé¦é !"); 492 window.location.href = "/Home/Index"; 493 } 494 } 495 } 496 } 497 } 498 499 $("#LoginStatus").removeAttr("style"); 500 }); 501 502 503 //WebConfig 504 //éç½®æéæé é è¨20åé 505 var settingIdleAlertTime = '20'; 506 //éç½®ä¸éæé é è¨30åé 507 var settingIdleTime = '30'; 508 //ç»å ¥ä¸éæé é è¨60åé 509 var settingLogoutTime = '60'; 510 //ç»å ¥æéæé é è¨15åé 511 var settingLogoutAlertTime = '15'; 512 513 var idleTime = 0; 514 var AutoLogoutTime = 0; 515 var CountDownSecond = settingIdleTime; 516 var AutoLogoutSecond = settingLogoutTime; 517 localStorage.setItem("idleTime", idleTime); 518 localStorage.setItem("CountDownSecond", settingIdleTime); 519 520 521 function timerIncrement() { 522 CountDownSecond = parseInt(localStorage.getItem("CountDownSecond")); 523 idleTime = parseInt(localStorage.getItem("idleTime")); 524 525 localStorage.setItem("idleTime", idleTime + 1); 526 localStorage.setItem("CountDownSecond", CountDownSecond-1); 527 528 529 if (idleTime > settingIdleAlertTime && idleTime < settingIdleTime) { 530 displayMsg("lblLogoutMsg", "çºä¿éè³æå®å ¨ï¼æ¨çç«é¢éç½®æªæä½ï¼ç³»çµ±å°æ¼ " + CountDownSecond + " åéå¾èªåç»åºï¼è¬è¬ï¼") 531 } 532 else if (idleTime > settingIdleTime) { 533 idleTime = 0; 534 $.ajax({
535 type: "POST", 536 url: "/Home/DeleteSession", 537 contentType: "application/json; charset=utf-8", 538 dataType: "html", 539 async: false, 540 success: function (result, status, xhr) { 541 localStorage.removeItem("idleTime"); 542 localStorage.removeItem("CountDownSecond"); 543 if (result == "Y") { 544 var PINUrl = 'https://www.cp.gov.tw/portal/'; 545 var LogoutUrl = 'https://aa.archives.gov.tw/Home/Logout'; 546 var CancelUrl = 'https://aa.archives.gov.tw'; 547 548 alert("æåç»åº!"); 549 sessionStorage.setItem("isLoginAdded", "0"); 550 window.location.href = "/Home/Index"; 551 } 552 else { 553 alert("æåç»åº!"); 554 sessionStorage.setItem("isLoginAdded", "0"); 555 window.location.href = "/Home/Index"; 556 } 557 558 }, 559 error: function (xhr, status, error) { 560 alert("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText); 561 } 562 }); 563 } 564 } 565 566 function displayMsg(tagId, msg) { 567 var t = document.getElementById(tagId); 568 $(t).text(msg); 569 $(t).removeClass(); 570 } 571 572 573 //ç»åºæå¼å«API 574 $('#logout').click(function () { 575 idleTime = 0; 576 sessionStorage.clear(); 577 $.ajax({
578 type: "POST", 579 url: "/Home/DeleteSession", 580 contentType: "application/json; charset=utf-8", 581 dataType: "html", 582 async: false, 583 success: function (result, status, xhr) { 584 localStorage.removeItem("idleTime"); 585 localStorage.removeItem("CountDownSecond"); 586 if (result == "Y") { 587 var PINUrl = 'https://www.cp.gov.tw/portal/'; 588 var LogoutUrl = 'https://aa.archives.gov.tw/Home/Logout'; 589 var CancelUrl = 'https://aa.archives.gov.tw'; 590 591 alert("æåç»åº!"); 592 sessionStorage.setItem("isLoginAdded", "0"); 593 window.location.href = "/Home/Index"; 594 } 595 else { 596 alert("æåç»åº!"); 597 sessionStorage.setItem("isLoginAdded", "0"); 598 window.location.href = "/Home/Index"; 599 } 600 }, 601 error: function (xhr, status, error) { 602 alert("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText); 603 } 604 }); 605 }); 606 607 $(document).ready(function () { 608 609 var isLogin = 'False'; 610 var haveMemberId = ''; 611 612 if (isLogin == "True") { 613 614 if (haveMemberId != "" || haveMemberId != null) { 615 var idleInterval = setInterval(timerIncrement, 60000); // 1 minut 616 617 //Zero the idle timer on mouse movement. 618 $(this).mousemove(function (e) { 619 CountDownSecond = settingIdleTime; 620 idleTime = 0; 621 localStorage.setItem("idleTime", 0); 622 localStorage.setItem("CountDownSecond", settingIdleTime); 623 displayMsg("lblLogoutMsg", "æå¡ ") 624 }); 625 $(this).keypress(function (e) { 626 CountDownSecond = settingIdleTime; 627 idleTime = 0; 628 localStorage.setItem("idleTime", 0); 629 localStorage.setItem("CountDownSecond", settingIdleTime); 630 displayMsg("lblLogoutMsg", "æå¡ ") 631 }); 632 //Increment the idle time counter every minute. 633 } 634 else { 635 alert("æ¨å°æªè£é½èº«åèåèï¼è«å è³ãæå¡ä¸å¿ \ æå¡è³æé é¢ãæ´æ°è³æã"); 636 } 637 } 638 }); 639 640 function googleTranslateElementInit() { 641 new google.translate.TranslateElement( 642 { 643 pageLanguage: 'zh-TW', // é è¨ç¶²ç«èªè¨ 644 includedLanguages: 'en', // æ¯æ´çèªè¨ 645 layout: google.translate.TranslateElement.InlineLayout.SIMPLE, // ç°¡å®é¸å®æ¨£å¼ 646 autoDisplay: true // åç¨èªåå½åº 647 }, 648 'google_translate_element' 649 ); 650 if ($("#goog-gt-votingInputSrcLang").length > 0) { 651 $("#goog-gt-votingInputSrcLang").attr('aria-label', 'æç¥¨è¼¸å ¥åå§èªè¨'); 652 } 653 if ($("#goog-gt-votingInputTrgLang").length > 0) { 654 $("#goog-gt-votingInputTrgLang").attr('aria-label', 'æç¥¨è¼¸å ¥çç¥èªè¨'); 655 } 656 if ($("#goog-gt-votingInputSrcText").length > 0) { 657 $("#goog-gt-votingInputSrcText").attr('aria-label', 'æç¥¨è¼¸å ¥ä¾æºæå'); 658 } 659 if ($("#goog-gt-votingInputTrgText").length > 0) { 660 $("#goog-gt-votingInputTrgText").attr('aria-label', 'æç¥¨è¼¸å ¥æ¡ææ¬'); 661 } 662 if ($("#goog-gt-votingInputVote").length > 0) { 663 $("#goog-gt-votingInputVote").attr('aria-label', 'æç¥¨è¼¸å ¥æç¥¨'); 664 } 665 if ($("[name='votingFrame']").length > 0) { 666 $("[name='votingFrame']").attr('title', 'æç¥¨æ¡æ¶'); 667 } 668 } 669 670</script>
vendor: 2 bytes, line 670
670
671<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
671 672 673 <!--/麵å å±(è«ä¸è¦æ¿æï¼é裡æ¯åæ è¼å ¥)--> 674 <div class="main-img-show"> 675 <div class="container container-xxxl"> 676 <div class="py-3"> 677 <div aria-label="breadcrumb"> 678 <ol class="breadcrumb fs-14 mb-0" id="breadcrumb"> 679 <!--/麵å å±ç¯ä¾--> 680 </ol> 681 </div> 682 </div> 683 </div> 684 </div> 685 <!--Main START--> 686 <main> 687 <div class="key-mark position-relative"> 688 <a href="#AC" id="AC" accesskey="C" class="position-absolute top-0 start-0 fs-6 text-decoration-none" title="ä¸å¤®ä¸»è¦å §å®¹åå¡[å¿«æ·éµAlt+C]"> 689 <span>:::</span> 690 <span class="visually-hidden">ä¸å¤®ä¸»è¦å §å®¹åå¡</span> 691 </a> 692 </div> 693 <!--主è¦å §å®¹åå¡ START--> 694 695<style> 696 .naec-img { 697 height: 260px; 698 overflow: hidden; 699 background-color: #f5f5f5; 700 position: relative; 701 } 702 703 .naec-img img { 704 width: 100%; 705 height: 100%; 706 object-fit: cover; 707 display: block; 708 } 709 710 .material-item { 711 content-visibility: auto; 712 contain-intrinsic-size: 500px; 713 } 714 715 .applyImage { 716 visibility: hidden; 717 } 718 719 .applyImage.is-loaded, 720 .applyImage.is-error { 721 visibility: visible; 722 } 723 724 .img-loading-mask { 725 position: absolute; 726 inset: 0; 727 display: flex; 728 align-items: center; 729 justify-content: center; 730 font-size: 14px; 731 color: #666; 732 background: linear-gradient(90deg, #f3f3f3 25%, #ececec 37%, #f3f3f3 63%); 733 background-size: 400% 100%; 734 animation: naecLoading 1.4s ease infinite; 735 } 736 737 @keyframes naecLoading { 738 0% { 739 background-position: 100% 50%; 740 } 741 742 100% { 743 background-position: 0 50%; 744 } 745 } 746 747 .img-loading-mask.is-hide { 748 display: none; 749 } 750 751 .page-sort-inline { 752 display: flex; 753 align-items: center; 754 gap: 4px; 755 } 756 757 /* åé æéçµ±ä¸å°ºå¯¸ */ 758 .pagination .page-item .page-link { 759 min-width: 36px; 760 min-height: 36px; 761 display: flex; 762 align-items: center; 763 justify-content: center; 764 padding: 4px 8px; 765 font-size: 0.95rem; 766 box-sizing: border-box; 767 } 768 769 @media (max-width: 991.98px) { 770 .page-sort-inline { 771 flex-wrap: wrap; 772 justify-content: center; 773 } 774 775 .naec-img { 776 height: 220px; 777 } 778 779 /* ææ©çï¼åé æéåºå®å°ºå¯¸ï¼é¿å 大å°ä¸ä¸ */ 780 .pagination .page-item .page-link { 781 min-width: 34px; 782 min-height: 34px; 783 padding: 2px 6px; 784 font-size: 0.85rem; 785 } 786 787 /* ææ©çï¼pagination å 許æè¡ï¼è®æåºå段移å°ç¬¬äºè¡ */ 788 .pagination { 789 flex-wrap: wrap !important; 790 justify-content: center; 791 } 792 793 /* ææ©çï¼é±èè¶ åºç¯åçé 碼ï¼å 顯示åå¾å2é */ 794 .pagination .page-item.page-num-item { 795 display: none; 796 } 797 798 .pagination .page-item.page-num-item.page-nearby { 799 display: flex; 800 } 801 802 /* ææ©çï¼æåºååå æ»¿æ´è¡ï¼å¼·å¶æå°ç¬¬äºè¡ä¸¦ç½®ä¸ */ 803 .pagination > li.page-sort-inline { 804 flex: 0 0 100%; 805 display: flex; 806 align-items: center; 807 justify-content: center; 808 gap: 4px; 809 border: none !important; 810 padding: 4px 0 0 0; 811 } 812 813 /* ææ©çï¼æåºååç¨ç«ä¸è¡ç½®ä¸ï¼stretch確ä¿åé åååå¾å®æ´å¯¬åº¦ */ 814 .page-box { 815 flex-direction: column !important; 816 align-items: stretch !important; 817 } 818 819 .page-box > div[aria-label] { 820 display: flex; 821 flex-direction: column; 822 align-items: center; 823 } 824 } 825 826 .icon-home { 827 color: #dc3545; /* é裡å¯ä»¥èª¿æ´ä½ æ³è¦çç´ è²æ·±æ·º */ 828 } 829 830 /* åå/å½±é³ checkbox æ¨£å¼ */ 831 .media-check .form-check-input { 832 width: 1.25em; 833 height: 1.25em; 834 margin-top: 0.15em; 835 cursor: pointer; 836 border: 2px solid #6c757d; 837 } 838 839 .media-check .form-check-input:checked { 840 background-color: #198754; 841 border-color: #198754; 842 } 843 844 .media-check .form-check-label { 845 cursor: pointer; 846 font-size: 1rem; 847 user-select: none; 848 } 849 850 .media-check-hint { 851 color: #dc3545; 852 font-size: 0.9rem; 853 white-space: nowrap; 854 } 855</style> 856 857<div class="naec main-img pb-5"> 858 <div class="container container-xxxl"> 859 <div class="py-4"> 860 <h2 class="section-heading text-dark fs-36 fw-bold d-flex gap-2 align-items-center ps-lg-0 ps-2"> 861 <a href="/API/v1/ELK/NAAMaterialTotalList" class="text-decoration-none text-dark" title="åå®¶æªæ¡å å¼ç´ æ">
862 <span class="icon-home"></span> 863 <span class="text-dark"> åå®¶æªæ¡å å¼ç´ æ</span> 864 </a> 865 <a href="/API/v1/ELK/NAAMaterialTotalList" class="btn" title="åå¾-åå®¶æªæ¡å å¼ç´ æ" style="display:none"> 866 <span class="icon-home">åå¾-åå®¶æªæ¡å å¼ç´ æ</span> 867 <span class="invisible position-absolute z-01">åå¾-åå®¶æªæ¡å å¼ç´ æ</span> 868 </a> 869 </h2> 870 </div> 871 872 <div style="padding:0 3% 1% 3%"> 873 <p class="fs-5 fw-bold mb-0 py-lg-0 py-1 ps-lg-4 pe-lg-0 px-2"> 874 æ³ç¥éåå®¶æªæ¡è£¡èèå¤å°å人çç«é¢åï¼çºè®æ´å¤äººè¼é¬æç¨è±å¯çæªæ¡è³æºï¼æªæ¡ç®¡çå±ç²¾é¸å ·ä»£è¡¨æ§çååèå½±é³ï¼æ´ççºãåå®¶æªæ¡å å¼ç´ æãï¼å §å®¹éæ¾å¤§ç¾ä½¿ç¨ï¼ä¸¦æ¡ååµç¨CC å§åæ¨ç¤ºâé忥æ§â ç¦æ¢æ¹ä½ 4.0 åéææ¬æ¢æ¬¾éåºãæ¡è¿æ¢ç´¢ãæ¥è©¢ï¼ç¼æéäºç«é¢èå¾çæ äºï¼ä¹çºåµä½èå¸ç¿æ³¨å ¥æ´å¤éæï¼ 875 </p> 876 </div> 877 878 <article> 879 <div class="row gy-2 gx-3 align-items-center" style="margin:1% 0 1% 0"> 880 <div class="col d-flex flex-md-nowrap flex-wrap gap-2 align-items-center"> 881 <div class="col-lg-2"> 882 <select class="form-select" id="SelectCategory" title="é¡å¥" aria-labelledby="SelectCategoryLabel"></select> 883 </div> 884 <button class="btn btn-danger" title="æ¥è©¢" type="button" onclick="loadD
884ata()" style="display:none">GO</button> 885 <div class="col-lg-6 col-12 d-flex"> 886 <p id="Politic_qLabel" class="visually-hidden">åå®¶æªæ¡å å¼ç´ æé¡å¥</p> 887 <input type="search" 888 onkeydown="if(event.key === 'Enter'){ loadData(); }" 889 class="form-control" 890 id="Politic_q" 891 title="ééµå" 892 value="" 893 autocomplete="off" 894 placeholder="ééµå" 895 aria-labelledby="Politic_qLabel" /> 896 </div> 897 <div class="col text-md-start text-end"> 898 <button class="btn btn-danger" title="æå°" type="button" onclick="loadData()">GO</button> 899 </div> 900 </div> 901 </div> 902 <div class="row gy-2 gx-3 align-items-center" style="margin:1% 0 1% 0"> 903 <div class="col d-flex flex-md-nowrap flex-wrap gap-2 align-items-center"> 904 <p id="SelectCategoryLabel" class="visually-hidden">åå®¶æªæ¡å å¼ç´ æé¡å¥</p> 905 <div class="form-check form-check-inline media-check mb-0"> 906 <input class="form-check-input" type="checkbox" id="chkImg" value="img" checked> 907 <label class="form-check-label" for="chkImg">åå</label> 908 </div> 909 <div class="form-check form-check-inline media-check mb-0"> 910 <input class="form-check-input" type="checkbox" id="chkVedio" value="vedio" checked> 911 <label class="form-check-label" for="chkVedio">å½±é³</label> 912 </div> 913 </div> 914 </div> 915 916 <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-start justify-content-center bg-gray-90 text-white"> 917 <div class="page-all d-flex flex-lg-nowrap flex-wrap gap-lg-3 gap-2 align-items-center justify-content-lg-start justify-content-center"> 918 <div> 919 ç¸½è¨ 920 <span class="px-1">1769</span>çè³æï¼å ± 197 é 921 </div> 922 </div> 923 </div> 924 925 <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-end justify-content-center bg-gray-90 text-white"> 926 <div class="page-box d-flex flex-lg-row flex-column gap-3 align-items-center"> 927 <div aria-label="é æ¬¡"> 928 <ul class="pagination mb-0 flex-nowrap gap-lg-0 gap-1 justify-content-center"> 929 930 <li class="page-item page-num-item page-nearby border border-white border-end-0 rounded-start active" aria-current="page"> 931 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','1')" aria-label="第 1 é " disabled>1</button> 932 </li> 933 <li class="page-item page-num-item page-nearby border border-white border-end-0 "> 934 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','2')" aria-label="第 2 é ">2</button> 935 </li> 936 <li class="page-item page-num-item page-nearby border border-white border-end-0 "> 937 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','3')" aria-label="第 3 é ">3</button> 938 </li> 939 <li class="page-item page-num-item border border-white border-end-0 "> 940 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','4')" aria-label="第 4 é ">4</button> 941 </li> 942 <li class="page-item page-num-item border border-white border-end-0 "> 943 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','5')" aria-label="第 5 é ">5</button> 944 </li> 945 <li class="page-item page-num-item border border-white border-end-0 "> 946 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','6')" aria-label="第 6 é ">6</button> 947 </li> 948 <li class="page-item page-num-item border border-white border-end-0 "> 949 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','7')" aria-label="第 7 é ">7</button> 950 </li> 951 <li class="page-item page-num-item border border-white border-end-0 "> 952 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','8')" aria-label="第 8 é ">8</button> 953 </li> 954 <li class="page-item page-num-item border border-white border-end-0 "> 955 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','9')" aria-label="第 9 é ">9</button> 956 </li> 957 <li class="page-item page-num-item border border-white border-end-0 "> 958 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','10')" aria-label="第 10 é ">10</button> 959 </li> 960 961 <li class="page-item border border-white border-end-0"> 962 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('next','1')" aria-label="ä¸ä¸é ">
963 <span class="icon-page-next" aria-hidden="true"></span> 964 <span class="visually-hidden">ä¸ä¸é </span> 965 </button> 966 </li> 967 968 <li class="page-item border border-white rounded-end"> 969 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('final','197')" aria-label="æçµé "> 970 <span class="icon-page-end" aria-hidden="true"></span> 971 <span class="visually-hidden">æçµé </span> 972 </button> 973 </li> 974 <li class="page-sort-inline"> 975 <span><b>â±</b></span> 976 <span><b>ä¾</b></span> 977 <p id="selectFieldLabel" class="visually-hidden">æå°çµææåºæ¹å¼</p> 978 <select class="form-select" id="selectField" name="selectField" title="æåºæ¹å¼" aria-labelledby="selectFieldLabel"> 979 <option value="Category" title="ä¾ææªæ¡é¡åæåº">æªæ¡é¡å</option> 980 <option value="ClickNum" title="便é»é±æ¬¡æ¸æåº">é»é±æ¬¡æ¸</option> 981 <option value="ORGNM" title="便便ºæ©éæåº">便ºæ©é</option> 982 <option value="DID" title="便ç¢çæéæåº">ç¢çæé</option> 983 </select> 984 <button class="btn btn-danger" title="åææåº" type="button" onclick="loadD
984ata()">GO</button> 985 </li> 986 </ul> 987 </div> 988 </div> 989 </div> 990 </article> 991 992 <div class="search-results d-flex justify-content-center mb-md-4 mb-5 pb-md-0 pb-3"> 993 <div class="d-inline-block"> 994 <div class="d-flex flex-md-row flex-column align-items-lg-center align-items-md-stretch"> 995 </div> 996 </div> 997 </div> 998 999 <article> 1000 <div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 row-cols-xxl-3 g-lg-4 g-3 mb-xl-5 mb-4"> 1001 <div class="col position-relative material-item"> 1002 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2178)" class="card h-100 text-decoration-none" title="太é¯é£åå®¶å ¬å峽谷æ¯è§"> 1003 <div class="naec-img overflow-hidden"> 1004 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1005 <img class="object-fit-cover w-100 h-100 applyImage" 1006 data-filename="hp-0120410070-i.jpg" 1007 alt="太é¯é£åå®¶å ¬å峽谷æ¯è§ å示" 1008 src="" 1009 loading="lazy" 1010 decoding="async" /> 1011 </div> 1012 <div class="card-body p-2"> 1013 <div class="mb-2"> 1014 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1015 </div> 1016 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2"> 1017 <span>太é¯é£åå®¶å ¬å峽谷æ¯è§</span> 1018 </h3> 1019 <ul class="list-unstyled"> 1020 <li class="mb-2 fs-14 lh-sm"> 1021 <span>æ¡åï¼</span> 1022 <span>èºç£æ°è¦ç2005</span> 1023 </li> 1024 <li class="mb-2 fs-14 lh-sm"> 1025 <span>æªèï¼</span> 1026 <span>A325000000E/0095/2041/1</span> 1027 </li> 1028 <li class="mb-2 fs-14 lh-sm"> 1029 <span>便ºæ©éï¼</span> 1030 <span>è¡æ¿é¢æ°èå±</span> 1031 </li> 1032 <li class="text-primary-emphasis date-start-end"> 1033 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1034 <span>233 次</span> 1035 </li> 1036 </ul> 1037 </div> 1038 </a> 1039 </div> 1040 <div class="col position-relative material-item"> 1041 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2671)" class="card h-100 text-decoration-none" title="ä¸çç³ææåç¯æ¼èºåèå£ æååå(ä½³éç³å» )"> 1042 <div class="naec-img overflow-hidden"> 1043 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1044 <img class="object-fit-cover w-100 h-100 applyImage" 1045 data-filename="hp-0120410047-i.jpg" 1046 alt="ä¸çç³ææåç¯æ¼èºåèå£ æååå(ä½³éç³å» ) å示" 1047 src="" 1048 loading="lazy" 1049 decoding="async" /> 1050 </div> 1051 <div class="card-body p-2"> 1052 <div class="mb-2"> 1053 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1054 </div> 1055 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1056 <span>ä¸çç³ææåç¯æ¼èºåèå£ æååå(ä½³éç³å» )</span> 1057 </h3> 1058 <ul class="list-unstyled"> 1059 <li class="mb-2 fs-14 lh-sm"> 1060 <span>æ¡åï¼</span> 1061 <span>èºç£æ°è¦ç2005</span> 1062 </li> 1063 <li class="mb-2 fs-14 lh-sm"> 1064 <span>æªèï¼</span> 1065 <span>A325000000E/0095/2041/1</span> 1066 </li> 1067 <li class="mb-2 fs-14 lh-sm"> 1068 <span>便ºæ©éï¼</span> 1069 <span>è¡æ¿é¢æ°èå±</span> 1070 </li> 1071 <li class="text-primary-emphasis date-start-end"> 1072 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1073 <span>83 次</span> 1074 </li> 1075 </ul> 1076 </div> 1077 </a> 1078 </div> 1079 <div class="col position-relative material-item"> 1080 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2759)" class="card h-100 text-decoration-none" title="èºç£é¯"> 1081 <div class="naec-img overflow-hidden"> 1082 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1083 <img class="object-fit-cover w-100 h-100 applyImage" 1084 data-filename="hp-0120410059-i.jpg" 1085 alt="èºç£é¯ å示" 1086 src="" 1087 loading="lazy" 1088 decoding="async" /> 1089 </div> 1090 <div class="card-body p-2"> 1091 <div class="mb-2"> 1092 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1093 </div> 1094 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2"> 1095 <span>èºç£é¯</span> 1096 </h3> 1097 <ul class="list-unstyled"> 1098 <li class="mb-2 fs-14 lh-sm"> 1099 <span>æ¡åï¼</span> 1100 <span>èºç£æ°è¦ç2005</span> 1101 </li> 1102 <li class="mb-2 fs-14 lh-sm"> 1103 <span>æªèï¼</span> 1104 <span>A325000000E/0095/2041/1</span> 1105 </li> 1106 <li class="mb-2 fs-14 lh-sm"> 1107 <span>便ºæ©éï¼</span> 1108 <span>è¡æ¿é¢æ°èå±</span> 1109 </li> 1110 <li class="text-primary-emphasis date-start-end"> 1111 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1112 <span>86 次</span> 1113 </li> 1114 </ul> 1115 </div> 1116 </a> 1117 </div> 1118 <div class="col position-relative material-item"> 1119 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2890)" class="card h-100 text-decoration-none" title="é«éèç«è»ç«æ¬é·å·¥ç¨"> 1120 <div class="naec-img overflow-hidden"> 1121 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1122 <img class="object-fit-cover w-100 h-100 applyImage" 1123 data-filename="hp-0120440018-i.jpg" 1124 alt="é«éèç«è»ç«æ¬é·å·¥ç¨ å示" 1125 src="" 1126 loading="lazy" 1127 decoding="async" /> 1128 </div> 1129 <div class="card-body p-2"> 1130 <div class="mb-2"> 1131 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1132 </div> 1133 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1134 <span>é«éèç«è»ç«æ¬é·å·¥ç¨</span> 1135 </h3> 1136 <ul class="list-unstyled"> 1137 <li class="mb-2 fs-14 lh-sm"> 1138 <span>æ¡åï¼</span> 1139 <span>å¥åº·èºç£æå½±æ¯è³½、綺éºèºç£</span> 1140 </li> 1141 <li class="mb-2 fs-14 lh-sm"> 1142 <span>æªèï¼</span> 1143 <span>A325000000E/0094/2044/1</span> 1144 </li> 1145 <li class="mb-2 fs-14 lh-sm"> 1146 <span>便ºæ©éï¼</span> 1147 <span>è¡æ¿é¢æ°èå±</span> 1148 </li> 1149 <li class="text-primary-emphasis date-start-end"> 1150 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1151 <span>172 次</span> 1152 </li> 1153 </ul> 1154 </div> 1155 </a> 1156 </div> 1157 <div class="col position-relative material-item"> 1158 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2371)" class="card h-100 text-decoration-none" title="ä¸è¯ç¾é£å±"> 1159 <div class="naec-img overflow-hidden"> 1160 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1161 <img class="object-fit-cover w-100 h-100 applyImage" 1162 data-filename="000557.jpg" 1163 alt="ä¸è¯ç¾é£å± å示" 1164 src="" 1165 loading="lazy" 1166 decoding="async" /> 1167 </div> 1168 <div class="card-body p-2"> 1169 <div class="mb-2"> 1170 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1171 </div> 1172 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2"> 1173 <span>ä¸è¯ç¾é£å±</span> 1174 </h3> 1175 <ul class="list-unstyled"> 1176 <li class="mb-2 fs-14 lh-sm"> 1177 <span>æ¡åï¼</span> 1178 <span>å®èè§å </span> 1179 </li> 1180 <li class="mb-2 fs-14 lh-sm"> 1181 <span>æªèï¼</span> 1182 <span>A325000000E/0093/S224/1</span> 1183 </li> 1184 <li class="mb-2 fs-14 lh-sm"> 1185 <span>便ºæ©éï¼</span> 1186 <span>è¡æ¿é¢æ°èå±</span> 1187 </li> 1188 <li class="text-primary-emphasis date-start-end"> 1189 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1190 <span>70 次</span> 1191 </li> 1192 </ul> 1193 </div> 1194 </a> 1195 </div> 1196 <div class="col position-relative material-item"> 1197 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2660)" class="card h-100 text-decoration-none" title="æ¸ å¢è¾²å ´æé¢¨æ°å®¿å»ºç¯"> 1198 <div class="naec-img overflow-hidden"> 1199 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1200 <img class="object-fit-cover w-100 h-100 applyImage" 1201 data-filename="hp-0120330054-i.jpg" 1202 alt="æ¸ å¢è¾²å ´æé¢¨æ°å®¿å»ºç¯ å示" 1203 src="" 1204 loading="lazy" 1205 decoding="async" /> 1206 </div> 1207 <div class="card-body p-2"> 1208 <div class="mb-2"> 1209 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1210 </div> 1211 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1212 <span>æ¸ å¢è¾²å ´æé¢¨æ°å®¿å»ºç¯</span> 1213 </h3> 1214 <ul class="list-unstyled"> 1215 <li class="mb-2 fs-14 lh-sm"> 1216 <span>æ¡åï¼</span> 1217 <span>72æ°´ç½、921ç½å¾é建、åæåé風ç®ç¯</span> 1218 </li> 1219 <li class="mb-2 fs-14 lh-sm"> 1220 <span>æªèï¼</span> 1221 <span>A325000000E/0094/2033/1</span> 1222 </li> 1223 <li class="mb-2 fs-14 lh-sm"> 1224 <span>便ºæ©éï¼</span> 1225 <span>è¡æ¿é¢æ°èå±</span> 1226 </li> 1227 <li class="text-primary-emphasis date-start-end"> 1228 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1229 <span>62 次</span> 1230 </li> 1231 </ul> 1232 </div> 1233 </a> 1234 </div> 1235 <div class="col position-relative material-item"> 1236 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2653)" class="card h-100 text-decoration-none" title="æ¸ å¢è¾²å ´å±±å¡ä¸é "> 1237 <div class="naec-img overflow-hidden"> 1238 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1239 <img class="object-fit-cover w-100 h-100 applyImage" 1240 data-filename="hp-0120370056-i.jpg" 1241 alt="æ¸ å¢è¾²å ´å±±å¡ä¸é å示" 1242 src="" 1243 loading="lazy" 1244 decoding="async" /> 1245 </div> 1246 <div class="card-body p-2"> 1247 <div class="mb-2"> 1248 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1249 </div> 1250 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2"> 1251 <span>æ¸ å¢è¾²å ´å±±å¡ä¸é </span> 1252 </h3> 1253 <ul class="list-unstyled"> 1254 <li class="mb-2 fs-14 lh-sm"> 1255 <span>æ¡åï¼</span> 1256 <span>èºç£æ°è¦ç2004</span> 1257 </li> 1258 <li class="mb-2 fs-14 lh-sm"> 1259 <span>æªèï¼</span> 1260 <span>A325000000E/0092/2037/1</span> 1261 </li> 1262 <li class="mb-2 fs-14 lh-sm"> 1263 <span>便ºæ©éï¼</span> 1264 <span>è¡æ¿é¢æ°èå±</span> 1265 </li> 1266 <li class="text-primary-emphasis date-start-end"> 1267 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1268 <span>99 次</span> 1269 </li> 1270 </ul> 1271 </div> 1272 </a> 1273 </div> 1274 <div class="col position-relative material-item"> 1275 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2632)" class="card h-100 text-decoration-none" title="èºç£é¹½åç©é¤¨è½æ"> 1276 <div class="naec-img overflow-hidden"> 1277 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1278 <img class="object-fit-cover w-100 h-100 applyImage" 1279 data-filename="hp-0004610046-i.jpg" 1280 alt="èºç£é¹½åç©é¤¨è½æ å示" 1281 src="" 1282 loading="lazy" 1283 decoding="async" /> 1284 </div> 1285 <div class="card-body p-2"> 1286 <div class="mb-2"> 1287 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1288 </div> 1289 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1290 <span>èºç£é¹½åç©é¤¨è½æ</span> 1291 </h3> 1292 <ul class="list-unstyled"> 1293 <li class="mb-2 fs-14 lh-sm"> 1294 <span>æ¡åï¼</span> 1295 <span>èºå鹿è³é、åèç´ æ¨¹æ、ä¸è¡æ½æ¹、èæ åéåé¢ç¯</span> 1296 </li> 1297 <li class="mb-2 fs-14 lh-sm"> 1298 <span>æªèï¼</span> 1299 <span>A325000000E/0092/0461/1</span> 1300 </li> 1301 <li class="mb-2 fs-14 lh-sm"> 1302 <span>便ºæ©éï¼</span> 1303 <span>è¡æ¿é¢æ°èå±</span> 1304 </li> 1305 <li class="text-primary-emphasis date-start-end"> 1306 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1307 <span>31 次</span> 1308 </li> 1309 </ul> 1310 </div> 1311 </a> 1312 </div> 1313 <div class="col position-relative material-item"> 1314 <a href="javascript:void(0)" onclick="OpenDetailedUrl(2166)" class="card h-100 text-decoration-none" title="æ¾æ¹è¥¿å¶¼å³¶ä¸ç¹æ®ççæ¦å²©å°è³ªæ¯è§"> 1315 <div class="naec-img overflow-hidden"> 1316 <div class="img-loading-mask">è¼å ¥ä¸...</div> 1317 <img class="object-fit-cover w-100 h-100 applyImage" 1318 data-filename="hp-0120360090-i.jpg" 1319 alt="æ¾æ¹è¥¿å¶¼å³¶ä¸ç¹æ®ççæ¦å²©å°è³ªæ¯è§ å示" 1320 src="" 1321 loading="lazy" 1322 decoding="async" /> 1323 </div> 1324 <div class="card-body p-2"> 1325 <div class="mb-2"> 1326 <mark class="tag fs-14 py-1 px-2 bg-danger text-white">æ¨é¡</mark> 1327 </div> 1328 <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2"> 1329 <span>æ¾æ¹è¥¿å¶¼å³¶ä¸ç¹æ®ççæ¦å²©å°è³ªæ¯è§</span> 1330 </h3> 1331 <ul class="list-unstyled"> 1332 <li class="mb-2 fs-14 lh-sm"> 1333 <span>æ¡åï¼</span> 1334 <span>èºç£æ°è¦ç2003</span> 1335 </li> 1336 <li class="mb-2 fs-14 lh-sm"> 1337 <span>æªèï¼</span> 1338 <span>A325000000E/0091/2036/1</span> 1339 </li> 1340 <li class="mb-2 fs-14 lh-sm"> 1341 <span>便ºæ©éï¼</span> 1342 <span>è¡æ¿é¢æ°èå±</span> 1343 </li> 1344 <li class="text-primary-emphasis date-start-end"> 1345 <span class="content-title">é»é±æ¬¡æ¸ï¼</span> 1346 <span>48 次</span> 1347 </li> 1348 </ul> 1349 </div> 1350 </a> 1351 </div> 1352 1353 <input id="total_n" type="hidden" value="-1" /> 1354 </div> 1355 1356 <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-start justify-content-center bg-gray-90 text-white"> 1357 <div class="page-all d-flex flex-lg-nowrap flex-wrap gap-lg-3 gap-2 align-items-center justify-content-lg-start justify-content-center"> 1358 <div> 1359 總è¨
1360 <span class="px-1">1769</span>çè³æï¼å ± 197 é 1361 </div> 1362 </div> 1363 </div> 1364 1365 <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-end justify-content-center bg-gray-90 text-white"> 1366 <div class="page-box d-flex flex-lg-row flex-column gap-3 align-items-center"> 1367 <div aria-label="é æ¬¡"> 1368 <ul class="pagination mb-0 flex-nowrap gap-lg-0 gap-1 justify-content-center"> 1369 1370 <li class="page-item page-num-item page-nearby border border-white border-end-0 rounded-start active" aria-current="page"> 1371 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','1')" aria-label="第 1 é " disabled>1</button> 1372 </li> 1373 <li class="page-item page-num-item page-nearby border border-white border-end-0 "> 1374 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','2')" aria-label="第 2 é ">2</button> 1375 </li> 1376 <li class="page-item page-num-item page-nearby border border-white border-end-0 "> 1377 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','3')" aria-label="第 3 é ">3</button> 1378 </li> 1379 <li class="page-item page-num-item border border-white border-end-0 "> 1380 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','4')" aria-label="第 4 é ">4</button> 1381 </li> 1382 <li class="page-item page-num-item border border-white border-end-0 "> 1383 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','5')" aria-label="第 5 é ">5</button> 1384 </li> 1385 <li class="page-item page-num-item border border-white border-end-0 "> 1386 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','6')" aria-label="第 6 é ">6</button> 1387 </li> 1388 <li class="page-item page-num-item border border-white border-end-0 "> 1389 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','7')" aria-label="第 7 é ">7</button> 1390 </li> 1391 <li class="page-item page-num-item border border-white border-end-0 "> 1392 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','8')" aria-label="第 8 é ">8</button> 1393 </li> 1394 <li class="page-item page-num-item border border-white border-end-0 "> 1395 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','9')" aria-label="第 9 é ">9</button> 1396 </li> 1397 <li class="page-item page-num-item border border-white border-end-0 "> 1398 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','10')" aria-label="第 10 é ">10</button> 1399 </li> 1400 1401 <li class="page-item border border-white border-end-0"> 1402 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('next','1')" aria-label="ä¸ä¸é ">
1403 <span class="icon-page-next" aria-hidden="true"></span> 1404 <span class="visually-hidden">ä¸ä¸é </span> 1405 </button> 1406 </li> 1407 1408 <li class="page-item border border-white rounded-end"> 1409 <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('final','197')" aria-label="æçµé "> 1410 <span class="icon-page-end" aria-hidden="true"></span> 1411 <span class="visually-hidden">æçµé </span> 1412 </button> 1413 </li> 1414 </ul> 1415 </div> 1416 </div> 1417 </div> 1418 1419 <div class="row margin-0"> 1420 <div class="col-xs-12 col-sm-10 col-md-11" style="margin-left:50px"> 1421 <div class="cell"> 1422 <p class="fs-5 fw-bold mb-0 pt-lg-0 pt-1" style='word-break:keep-all'> 1423 (ä¸)æ¬ç¶²é æè¼å §å®¹æ¡ååµç¨CC å§åæ¨ç¤ºâé忥æ§â ç¦æ¢æ¹ä½ 4.0 åéææ¬æ¢æ¬¾éåºï¼åæææ¬äºä¸ç¹å®ä¹å ¬ç¾ä»¥é製 1424 ã æ£å¸ãç¼è¡ãç·¨è¼¯ãæ¹ä½ãå ¬éå£è¿°ãå ¬éæéãå ¬é䏿 ãå ¬éæ¼åºãå ¬éå³è¼¸ãå ¬éå±ç¤ºä¹æ¹å¼å©ç¨ï¼ä»¥ååµä½è¡çèä½ã 1425 å©ç¨äººéæ¨ç¤ºä¾æºï¼åå®¶ç¼å±å§å¡ææªæ¡ç®¡çå±ï¼åå®¶æªæ¡å å¼ç´ æ(https://aa.archives.gov.tw/ELK/NAAMaterialTotalList) 1426 </p> 1427 <br /> 1428 <p class="fs-5 fw-bold mb-0 pt-lg-0 pt-1" style='word-break: keep-all; margin-bottom: 0px'> 1429 (äº) 忥æ§ï¼è«æ´½æ¬å± 1430 <a href="https://aa.archives.gov.tw/Home/PublishDetail?cnid=109776&pid=10">ç³è«</a> 1431 </p> 1432 </div> 1433 </div> 1434 </div> 1435 </article> 1436 1437 <form method="get" action="/ELK/NAAMaterialTotalList" id="People" name="People"> 1438 <input type="hidden" id="topicType" name="topicType" value="TopicA"> 1439 <input type="hidden" id="likeField" name="likeField" value="DID"> 1440 <input type="hidden" id="keyWord" name="keyWord" value=""> 1441 <input type="hidden" id="total" name="total" value="1769"> 1442 <input type="hidden" name="offset" id="offset" value="0"> 1443 <input type="hidden" id="limit" name="limit" value="9"> 1444 <input type="hidden" id="sort" name="sort" value=""> 1445 <input type="hidden" id="order" name="order" value=""> 1446 <input type="hidden" id="isImg" name="isImg" value="all"> 1447 <input type="hidden" id="category" name="category" value=""> 1448 </form> 1449 </div> 1450</div> 1451
1452<script> 1453 $(document).ready(function () { 1454 GetCategory(); 1455 1456 // 1. éå Checkbox çæ (åªå¤å® all/img/vedio) 1457 var isImgVal = 'all'; 1458 if (isImgVal === 'vedio') { 1459 $('#chkImg').prop('checked', false); 1460 $('#chkVedio').prop('checked', true); 1461 } else if (isImgVal === 'img') { 1462 $('#chkImg').prop('checked', true); 1463 $('#chkVedio').prop('checked', false); 1464 } else { 1465 $('#chkImg').prop('checked', true); 1466 $('#chkVedio').prop('checked', true); 1467 } 1468 1469 $('#selectField').val('DID' || "Category"); 1470 initLazyImages(); 1471 }); 1472 1473 function loadData(gopage = false) { 1474 var selectedCat = $('#SelectCategory').val(); 1475 var imgChecked = $('#chkImg').is(':checked'); 1476 var vedioChecked = $('#chkVedio').is(':checked'); 1477 1478 var finalIsImg = "all"; 1479 if (imgChecked && !vedioChecked) finalIsImg = "img"; 1480 else if (!imgChecked && vedioChecked) finalIsImg = "vedio"; 1481 1482 // æ ¸å¿æ¹åï¼å°é¡å¥èåªé«åæ¸å®å ¨åéè³¦å¼ 1483 document.getElementById("category").value = selectedCat; 1484 document.getElementById("isImg").value = finalIsImg; 1485 1486 document.getElementById("keyWord").value = ($("#Politic_q").val() === "") ? "all" : $("#Politic_q").val(); 1487 document.getElementById("likeField").value = ($("#selectField").val() || "Category"); 1488 1489 // åé èçï¼å¦ææ¯æ GO (æå°)ï¼offset åå°ç¬¬ 0 çï¼å¦ææ¯æåé æéï¼åä
1489¿çå³é²ä¾ç index 1490 if (!gopage) document.getElementById("offset").value = 0; 1491 1492 document.getElementById("People").submit(); 1493 } 1494 1495 function GetCategory() { 1496 $("#SelectCategory").empty().append($("<option>").val("").text("è«é¸æé¡å¥")); 1497 $.ajax({ 1498 url: "/NAAMaterial/GetCategory", 1499 type: "Get" 1500 }).done((data) => { 1501 var rdata = JSON.parse(data.Data); 1502 $.each(rdata, function (i, item) { 1503 $("#SelectCategory").append($("<option>").val(item.codeDesc).text(item.codeDesc)); 1504 }); 1505 var savedCat = ''; 1506 if (savedCat) { 1507 $("#SelectCategory").val(savedCat); 1508 } 1509 }); 1510 } 1511 1512 function initLazyImages() { 1513 const images = document.querySelectorAll(".applyImage"); 1514 const observer = new IntersectionObserver((entries) => { 1515 entries.forEach(entry => { 1516 if (entry.isIntersecting) { 1517 const img = entry.target; 1518 img.src = "/NAAMaterial/GetImgB64?imgnm=" + encodeURIComponent(img.dataset.filename); 1519 img.onload = () => { 1520 img.classList.add("is-loaded"); 1521 const mask = img.closest(".naec-img").querySelector(".img-loading-mask"); 1522 if(mask) mask.classList.add("is-hide"); 1523 }; 1524 observer.unobserve(img); 1525 } 1526 }); 1527 }, { rootMargin: "200px" }); 1528 images.forEach(img => observer.observe(img)); 1529 } 1530 1531 function OpenDetailedUrl(DID) { 1532 window.location = "/ELK/NAAMaterialDetail?DID=" + DID; 1533 } 1534 1535 function PageSwitch(type, index) { 1536 var pageindex = index - 1; 1537 var offsetEl = document.getElementById("offset"); 1538 // åé è·³è½é輯 1539 if (type == "first") offsetEl.value = "0"; 1540 else if (type == "pre") offsetEl.value = pageindex - 1; 1541 else if (type == "now" || type == "final") offsetEl.value = pageindex; 1542 else if (type == "next") offsetEl.value = index; 1543 1544 loadData(true); // gopage = true ä¿æ offset 1545 } 1546</script>
1546 1547 </main> 1548 1549 <!--Main END--> 1550 <footer class="pt-4 bg-light">
1551<script> 1552 var loginOuoid = ''; 1553 var loginCheckFlag = ''; 1554 1555</script>
1555 1556<div class="key-mark position-relative"> 1557 <a href="#AZ" id="AZ" accesskey="Z" class="position-absolute top-0 start-0 fs-6 text-decoration-none text-black" title="䏿¹åè½åå¡[å¿«æ·éµAlt+Z]"> 1558 <span>:::</span> 1559 <span class="visually-hidden">䏿¹åè½åå¡</span> 1560 </a> 1561</div> 1562<!-- é¸å® --> 1563<div class="container container-xxxl"> 1564 <div class="pb-4"> 1565 <div class="footer-link-btn d-flex align-items-center justify-content-end"> 1566 <hr class="border-bottom border-1 border-danger opacity-100 me-2 more-line"> 1567 <button class="btn btn-danger rounded-circle d-flex align-items-center justify-content-center" type="button" aria-expanded="false" aria-controls="targetContent"> 1568 <span class="icon-arrow-down-light fs-6"></span> 1569 <span class="icon-arrow-up-light fs-6"></span> 1570 <span class="visually-hidden">å±éãæ¶åéé</span> 1571 </button> 1572 </div> 1573 <div class="footer-link"> 1574 <div id="PeopleFooter" class="row row-cols-1 row-cols-md-3 row-cols-xl-7 g-4"> 1575 </div> 1576 </div> 1577 </div> 1578</div> 1579<!-- å ¶ä»ç¸éè³è¨ --> 1580<div class="bg-body-secondary pt-5 pb-4" id="footerContent"> 1581</div> 1582<!-- çæ¬ --> 1583<div class="bg-dark text-white py-3 text-center"> 1584 åå®¶ç¼å±å§å¡ææªæ¡ç®¡çå±çæ¬ææ <span class="d-md-inline d-block text-style-gothic" id="year-all-rights"> 1585 </span><span class="px-2 d-lg-inline d-none">|</span><span class="d-lg-none d-block"></span>æ¯æ´<span class="px-1 text-style-gothic">Chrome,Edge,FireFox</span><span class="d-sm-none d-block"></span>æ<span class="px-1 text-style-gothic">Safari(Mac)</span>çè¦½å¨ 1586</div> 1587
1588<script> 1589 function renderFooter(data) { 1590 if (document.getElementById("footerContent") != null) { 1591 document.getElementById("footerContent").innerHTML = data; 1592 readLastUpdateDate(); 1593 readbrowseTimes(siteId); 1594 } 1595 } 1596 //æ´æ°æ¥æ 1597 function renderLastUpdateDate(data) { 1598 if (document.getElementById("lastUpdateDate") != null) { 1599 document.getElementById("lastUpdateDate").innerHTML = toTaiwanDate(data); 1600 } 1601 } 1602 //ç´¯è¨ç覽人次 1603 function renderbrowseTimes(data) { 1604 if (document.getElementById("browseTimes") != null) { 1605 document.getElementById("browseTimes").innerHTML = data; 1606 } 1607 } 1608 // add by chris for breadcrumb 1609 document.addEventListener("DOMContentLoaded", function (event) { 1610 readFooter(parentNodeNewFooter); 1611 1612 readBreadCrumb(window.location.href); 1613 readMetaTag(window.location.href); 1614 document.getElementById("year-all-rights").innerHTML = new Date().getFullYear() + " © All rights reserved"; 1615 }); 1616 1617</script>
1617 1618<div class="slide-link position-fixed end-0 z-3 d-xl-block d-none" id="slide-link"> 1619 <div class="top-border top-line top-line-h"></div> 1620 <div class="d-flex flex-column gap-2 bg-white shadow py-1"> 1621 <div class="login"> 1622 <a href="/API/v1" class="btn" title="åå¾-æå¡ç»å ¥"> 1623 <span class="icon-user fs-2 text-danger"></span> 1624 <span class="invisible position-absolute z-01 opacity-0">æå¡ç»å ¥</span> 1625 </a> 1626 </div> 1627 <div class="my-archives-cart"> 1628 <a href="/API/v1/MemberCenter/MyArchivesCart" class="btn position-relative" title="åå¾-æçæªæ¡è»"> 1629 <span class="icon-cart fs-2 text-danger"></span> 1630 <span class="invisible position-absolute z-01 opacity-0">æçæªæ¡è»</span> 1631 </a> 1632 </div> 1633 <div class="click-show"> 1634 <a href="#show-icon" aria-label="å±éãæ¶å" class="btn" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="show-icon" title="黿-å±éãæ¶å"> 1635 <span class="icon-plus-show fs-3 text-danger"></span> 1636 <span class="icon-dash-hide fs-3 text-danger"></span> 1637 <span class="invisible position-absolute z-01 opacity-0">å±éãæ¶åæé</span> 1638 </a> 1639 </div> 1640 <div class="collapse" id="show-icon"> 1641 <div class="myapplication"> 1642 <a href="/API/v1/MemberCenter/myapplication" class="btn" title="åå¾-æçç³è«æ¸"> 1643 <span class="icon-edit fs-2 text-danger"></span> 1644 <span class="invisible position-absolute z-01 opacity-0">æçç³è«æ¸</span> 1645 </a> 1646 </div> 1647 <div class="my-application-history"> 1648 <a href="/API/v1/MemberCenter/MyApplicationHistory" class="btn" title="åå¾-æçç³è«ç´é"> 1649 <span class="icon-pending-application-list fs-2 text-danger"></span> 1650 <span class="invisible position-absolute z-01 opacity-0">æçç³è«ç´é</span> 1651 </a> 1652 </div> 1653 <div class="pending-list"> 1654 <a href="/API/v1/MemberCenter/PendingList" class="btn" title="åå¾-å¾ ç³è«æ¸ å®"> 1655 <span class="icon-application-list fs-2 text-danger"></span> 1656 <span class="invisible position-absolute z-01 opacity-0">å¾ ç³è«æ¸ å®</span> 1657 </a> 1658 </div> 1659 </div> 1660 <div class="go-top"> 1661 <a href="#top" role="button" aria-label="åé 端" class="btn" title="黿-åé 端"> 1662 <span class="icon-go-top fs-2 text-danger"></span> 1663 <span class="invisible position-absolute z-01 opacity-0">åé 端æé</span> 1664 </a> 1665 </div> 1666 </div> 1667 <div class="bottom-border top-line top-line-h"></div> 1668</div> 1669 1670 </footer> 1671 1672
1672<script> 1673 $.ajaxPrefilter(function (options) { 1674 if (!options.beforeSend && options.type === 'Post') { 1675 options.beforeSend = function (xhr) { 1676 xhr.setRequestHeader("__RequestVerificationToken", $('[name=__RequestVerificationToken]').val()); 1677 } 1678 } 1679 }); 1680 1681 </script>
1681 1682</body> 1683</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.