lang.php 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <script>
  2. var g_language = "en";
  3. var g_currLink = "";
  4. function lang_init(strPage) {
  5. g_currLink = strPage;
  6. }
  7. function setLang(strLang) {
  8. g_language = strLang;
  9. setCookie('language', g_language, 365);
  10. if (window.location.search == "") {
  11. window.location.assign(location.href + "?language=" + g_language);
  12. } else {
  13. let org_parameter_str = window.location.search.substr(1);
  14. let arr_parameter = org_parameter_str.split("&");
  15. let new_parameter_str = ""
  16. for (let i_arr = 0; i_arr < arr_parameter.length; i_arr++) {
  17. if (arr_parameter[i_arr].split("=")[0] == "language") {
  18. arr_parameter[i_arr] = "language=" + g_language;
  19. new_parameter_str = arr_parameter[i_arr];
  20. } else {}
  21. }
  22. if (new_parameter_str == "") {
  23. window.location.assign(location.href + "&language=" + g_language);
  24. } else {
  25. new_parameter_str = "?" + arr_parameter.join("&");
  26. window.location.assign(location.pathname + new_parameter_str);
  27. }
  28. }
  29. }
  30. </script>
  31. <style>
  32. .header-dropdown-content ul,
  33. .header-dropdown-content li{
  34. list-style-type: none;
  35. cursor: pointer;
  36. }
  37. .nav_link {
  38. color: var(--new-tool-btn);
  39. font-size: 14px;
  40. opacity: 0;
  41. transition: opacity 150ms ease-in-out;
  42. }
  43. .nav_link a:hover {
  44. color: var(--tool-color);
  45. }
  46. .header-dropdown-content {
  47. border-radius: 3px;
  48. display: none;
  49. position: absolute;
  50. background-color: var(--new-tool-content-bg);
  51. min-width: 60px;
  52. z-index: 910;
  53. top: calc(100% + 6px);
  54. }
  55. .header-dropdown-content::after {
  56. content: " ";
  57. position: absolute;
  58. bottom: 100%;
  59. border: 6px solid transparent;
  60. border-bottom-color: var(--new-tool-content-bg);
  61. }
  62. .header-dropdown-content::before {
  63. content: '';
  64. position: absolute;
  65. bottom: 100%;
  66. width: 100%;
  67. border: 6px solid transparent;
  68. }
  69. .header-dropdown-content li:hover {
  70. background-color: var(--new-tool-list-hover-bg);
  71. border-radius: 3px;
  72. }
  73. .header-dropdown-content li:hover .nav_link {
  74. color: var(--tool-color);
  75. }
  76. .header-dropdown-content li:hover .disable {
  77. color: var(--new-tool-content-disabled);
  78. }
  79. .right-content {
  80. right: 0;
  81. box-shadow: 0px 3px 10px 0px var(--shadow-color);
  82. }
  83. .right-content::after {
  84. right: 12px;
  85. }
  86. .right-content li div {
  87. padding: 0.7rem;
  88. opacity: 1;
  89. }
  90. .disable {
  91. color: var(--new-tool-content-disabled);
  92. cursor: not-allowed;
  93. }
  94. /*
  95. #lang_list::after {
  96. content: " ";
  97. position: absolute;
  98. bottom: 100%;
  99. right: 0;
  100. margin-right: 0.7em;
  101. border-width: 5px;
  102. border-style: solid;
  103. border-color: transparent;
  104. border-bottom-color: var(--tool-bg-color);
  105. }*/
  106. .icon {
  107. fill: var(--btn-color);
  108. }
  109. </style>
  110. <div id="lang_select" class="dropdown" onmouseover="switchMenu(this,'lang_list')" onmouseout="hideMenu()">
  111. <button class="dropbtn icon_btn" onClick="switchMenu(this,'lang_list')" id="lang_button">
  112. <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="ic_language_24px">
  113. <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z" />
  114. </svg>
  115. </button>
  116. <ul class="header-dropdown-content right-content" id="lang_list">
  117. <li>
  118. <a onclick="setLang('my')">
  119. <div class="nav_link">
  120. မြန်မာ
  121. </div>
  122. </a>
  123. </li>
  124. <li><a onclick="setLang('si')">
  125. <div class="nav_link">
  126. සිංහල
  127. </div>
  128. </a></li>
  129. <li><a onclick="setLang('en')">
  130. <div class="nav_link">
  131. English
  132. </div>
  133. </a></li>
  134. <li><a onclick="setLang('zh-cn')">
  135. <div class="nav_link">
  136. 简体中文
  137. </div>
  138. </a></li>
  139. <li><a onclick="setLang('zh-tw')">
  140. <div class="nav_link">
  141. 繁體中文
  142. </div>
  143. </a></li>
  144. </ul>
  145. </div>