index.html 58 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <link href="../lib/main.css" rel="stylesheet" />
  6. <script src="../public/js/jquery.js"></script>
  7. <script src="../public/js/comm.js"></script>
  8. <script src="jquery-3.3.1.min.js"></script>
  9. <script src="julian.js"></script>
  10. <script src="lune.js"></script>
  11. <script src="suncalc.js"></script>
  12. <script src="./planet_position/js/planet-positions.js"></script>
  13. <script src="city_15000.js"></script>
  14. <script src="../studio/js/fixedsticky.js"></script>
  15. <script src="../guide/guide.js"></script>
  16. <link type="text/css" rel="stylesheet" href="../guide/guide.css" />
  17. <script src="../public/js/marked.js"></script>
  18. <!--获取语言-->
  19. <script>
  20. var g_language = getCookie("language");
  21. </script>
  22. <!--语言包-->
  23. <script>
  24. var localString = new Array();
  25. localString["zh-cn"] = {
  26. and_another: "又 ",
  27. atitude: "纬度",
  28. BE: "佛历",
  29. bhumma: "周二",
  30. budha: "周三",
  31. canda: "周一",
  32. confirm: "确认",
  33. date: "日期",
  34. day: "日",
  35. days: "天 ",
  36. departure_in_detail: "起飞详情",
  37. dhamma_time: "会延续五千年的教法 ",
  38. eat: "进餐",
  39. gama_entry: "入村",
  40. guru: "周四",
  41. hori_ref_time: "蒙气差修正 ",
  42. kala: "适当的时间",
  43. language_select: "选择语言",
  44. left: "还剩下",
  45. loading: "载入中……",
  46. longitude: "经度",
  47. māsa: "月",
  48. mins: "分钟",
  49. month: "月 ",
  50. month_1: "月 ",
  51. months: "个月 ",
  52. my_loc: "我的位置",
  53. need_inform: "未告知其他比库",
  54. no_string: "不能",
  55. noon_time: "正午",
  56. noon_time: "正午",
  57. note: "注释",
  58. now_time: "现在",
  59. pacchā_māsa: "下个月",
  60. pakkha: "月相变化 ",
  61. past: "已过去",
  62. pubba_māsa: "上个月",
  63. ravi: "周日",
  64. saṃvacchara: "年",
  65. season: "季节 ",
  66. sec: "秒",
  67. sora: "周六",
  68. sukka: "周五",
  69. sun_height_degree: "正午太阳高度 ",
  70. time: "时间",
  71. twilight_time: "曙光",
  72. twilight_time: "曙光",
  73. vikala: "不适当的时间",
  74. week_day: "星期",
  75. year_0: "年",
  76. year_1: "年 ",
  77. years: "年 ",
  78. yes_string: "可以",
  79. timezone: "时区",
  80. local: "本地",
  81. loading: "载入中",
  82. sun_set: "日落",
  83. unknown: "未知",
  84. altitude: "海拔",
  85. today: "今天",
  86. week: "周",
  87. list: "列表",
  88. location: "所在地",
  89. city_name: "城市名",
  90. };
  91. localString["zh-tw"] = {
  92. and_another: "又 ",
  93. atitude: "緯度",
  94. BE: "佛曆",
  95. bhumma: "週二",
  96. budha: "週三",
  97. canda: "週一",
  98. confirm: "確認",
  99. date: "日期",
  100. day: "日",
  101. days: "天 ",
  102. departure_in_detail: "起飛詳情",
  103. dhamma_time: "會延續五千年的教法 ",
  104. eat: "進餐",
  105. gama_entry: "入村",
  106. guru: "週四",
  107. hori_ref_time: "蒙氣差修正 ",
  108. kala: "適當的時間",
  109. language_select: "選擇語言",
  110. left: "還剩下",
  111. loading: "載入中……",
  112. longitude: "經度",
  113. māsa: "月",
  114. mins: "分鐘",
  115. month: "月 ",
  116. month_1: "月 ",
  117. months: "個月 ",
  118. my_loc: "我的位置",
  119. need_inform: "未告知其他比庫",
  120. no_string: "不能",
  121. noon_time: "正午",
  122. noon_time: "正午",
  123. note: "註釋",
  124. now_time: "現在",
  125. pacchā_māsa: "下個月",
  126. pakkha: "月相變化 ",
  127. past: "已過去",
  128. pubba_māsa: "上個月",
  129. ravi: "週日",
  130. saṃvacchara: "年",
  131. season: "季節 ",
  132. sec: "秒",
  133. sora: "週六",
  134. sukka: "週五",
  135. sun_height_degree: "正午太陽高度 ",
  136. time: "時間",
  137. twilight_time: "曙光",
  138. twilight_time: "曙光",
  139. vikala: "不適當的時間",
  140. week_day: "星期",
  141. year_0: "年",
  142. year_1: "年 ",
  143. years: "年 ",
  144. yes_string: "可以",
  145. timezone: "時區",
  146. local: "本地",
  147. loading: "載入中",
  148. sun_set: "日落",
  149. unknown: "未知",
  150. altitude: "海拔",
  151. today: "今天",
  152. week: "周",
  153. list: "列表",
  154. location: "所在地",
  155. city_name: "城市名",
  156. };
  157. localString["default"] = {
  158. and_another: " and ",
  159. atitude: "Atitude",
  160. BE: "Buddhist Era ",
  161. bhumma: "Bhumma",
  162. budha: "Budha",
  163. canda: "Canda",
  164. confirm: "Confirm",
  165. date: "Date ",
  166. day: " day(s) ",
  167. days: " day(s) ",
  168. departure_in_detail: "departure in detail",
  169. dhamma_time: "5000 Years of the Buddha’s Dispensation ",
  170. eat: "eat",
  171. gama_entry: "entry the village",
  172. guru: "Guru",
  173. hori_ref_time: "horizontal refraction correct ",
  174. kala: "suitable time",
  175. language_select: "bhāsā",
  176. left: "Remains ",
  177. loading: "loading…",
  178. longitude: "Longitude",
  179. māsa: "māsa",
  180. mins: "(min)",
  181. month: "Month ",
  182. month_1: "- ",
  183. months: " month(s) ",
  184. my_loc: "attasmiṃ",
  185. need_inform: "without informing other Bhikkhu ",
  186. no_string: "cannot ",
  187. noon_time: "NOON",
  188. noon_time: "NOON",
  189. note: "Note",
  190. now_time: "NOW",
  191. pacchā_māsa: "pacchā-māsa",
  192. pakkha: "Lunar Phases ",
  193. past: "Passed ",
  194. pubba_māsa: "pubba-māsa",
  195. ravi: "Ravi",
  196. saṃvacchara: "saṃvacchara",
  197. season: "Season ",
  198. sec: "sec ",
  199. sora: "Sora",
  200. sukka: "Sukka",
  201. sun_height_degree: "Max solar altitude ",
  202. time: "Time",
  203. twilight_time: "dawn",
  204. twilight_time: "dawn",
  205. vikala: "unsuitable time",
  206. week_day: "Day",
  207. year_0: "saṃvacchara",
  208. year_1: "- ",
  209. years: " year(s) ",
  210. yes_string: "can ",
  211. timezone: "Timezone",
  212. local: "local",
  213. loading: "loading",
  214. sun_set: "sunset",
  215. unknown: "unknown",
  216. altitude: "Altitude",
  217. today: "today",
  218. week: "week",
  219. list: "list",
  220. location: "location",
  221. city_name: "city name",
  222. };
  223. localString["en"] = {
  224. and_another: " and ",
  225. atitude: "Atitude",
  226. BE: "Buddhist Era ",
  227. bhumma: "Bhumma",
  228. budha: "Budha",
  229. canda: "Canda",
  230. confirm: "Confirm",
  231. date: "Date",
  232. day: " day(s) ",
  233. days: " day(s) ",
  234. departure_in_detail: "departure in detail",
  235. dhamma_time: "5000 Years of the Buddha’s Dispensation ",
  236. eat: "eat",
  237. gama_entry: "entry the village",
  238. guru: "Guru",
  239. hori_ref_time: "horizontal refraction correct ",
  240. kala: "suitable time",
  241. language_select: "Language",
  242. left: "Remains ",
  243. loading: "loading…",
  244. longitude: "Longitude",
  245. māsa: "māsa",
  246. mins: "(min)",
  247. month: "Month ",
  248. month_1: "- ",
  249. months: " month(s) ",
  250. my_loc: "my location",
  251. need_inform: "without informing other Bhikkhu ",
  252. no_string: "cannot ",
  253. noon_time: "NOON",
  254. noon_time: "NOON",
  255. note: "Note",
  256. now_time: "NOW",
  257. pacchā_māsa: "pacchā-māsa",
  258. pakkha: "Lunar Phases ",
  259. past: "Passed ",
  260. pubba_māsa: "pubba-māsa",
  261. ravi: "Ravi",
  262. saṃvacchara: "saṃvacchara",
  263. season: "Season ",
  264. sec: "sec",
  265. sora: "Sora",
  266. sukka: "Sukka",
  267. sun_height_degree: "Max solar altitude ",
  268. time: "time",
  269. twilight_time: "dawn",
  270. twilight_time: "dawn",
  271. vikala: "unsuitable time",
  272. week_day: "Day",
  273. year_0: "year",
  274. year_1: "- ",
  275. years: " year(s) ",
  276. yes_string: "can ",
  277. timezone: "Timezone",
  278. local: "local",
  279. loading: "loading",
  280. sun_set: "sunset",
  281. unknown: "unknown",
  282. altitude: "Altitude",
  283. today: "today",
  284. week: "week",
  285. list: "list",
  286. location: "location",
  287. city_name: "city name",
  288. };
  289. localString["my"] = {
  290. and_another: " and ",
  291. atitude: "Atitude",
  292. BE: "Buddhist Era ",
  293. bhumma: "ဘုမ္မ",
  294. budha: "ဗုဓ",
  295. canda: "စန္ဒ",
  296. confirm: "Confirm",
  297. date: "Date ",
  298. day: " day(s) ",
  299. days: " day(s) ",
  300. departure_in_detail: "departure in detail",
  301. dhamma_time: "5000 Years of the Buddha’s Dispensation ",
  302. eat: "eat",
  303. gama_entry: "entry the village",
  304. guru: "ဂုရု",
  305. hori_ref_time: "horizontal refraction correct ",
  306. kala: "ကာလ",
  307. language_select: "ဘာသာ",
  308. left: "Remains ",
  309. loading: "loading…",
  310. longitude: "Longitude",
  311. māsa: "မာသ",
  312. mins: "(min)",
  313. month: "Month ",
  314. month_1: "- ",
  315. months: " month(s) ",
  316. my_loc: "အတ္တသ္မိံ",
  317. need_inform: "without informing other Bhikkhu ",
  318. no_string: "cannot ",
  319. noon_time: "မဇ္ဈန္ဟိက",
  320. noon_time: "မဇ္ဈန္ဟိက",
  321. note: "Note",
  322. now_time: "ပစ္စုပ္ပန္န",
  323. pacchā_māsa: "ပစ္ဆာ-မာသ",
  324. pakkha: "Lunar Phases ",
  325. past: "Passed ",
  326. pubba_māsa: "ပုဗ္ဗ-မာသ",
  327. ravi: "ရဝိ",
  328. saṃvacchara: "သံဝစ္ဆရ",
  329. season: "Season ",
  330. sec: "sec ",
  331. sora: "သောရ",
  332. sukka: "သုက္က",
  333. sun_height_degree: "Max solar altitude ",
  334. time: "Time",
  335. twilight_time: "အရုဏုဂ္ဂမန",
  336. twilight_time: "အရုဏုဂ္ဂမန",
  337. vikala: "ဝိကာလ",
  338. week_day: "Day",
  339. year_0: "year",
  340. year_1: "- ",
  341. years: " year(s) ",
  342. yes_string: "can ",
  343. timezone: "Timezone",
  344. local: "local",
  345. loading: "loading",
  346. sun_set: "sunset",
  347. unknown: "unknown",
  348. altitude: "Altitude",
  349. today: "today",
  350. week: "week",
  351. list: "list",
  352. location: "location",
  353. city_name: "city name",
  354. };
  355. localString["si"] = {
  356. and_another: " ච ",
  357. atitude: "Atitude",
  358. BE: "බුද්ධ වර්ෂය ",
  359. bhumma: "භුම්ම",
  360. budha: "බුධ",
  361. canda: "චන්ද",
  362. confirm: "Confirm",
  363. date: "දිවස ",
  364. day: " දිවසා(නි) ",
  365. days: " දිවසා(නි) ",
  366. departure_in_detail: "departure in detail",
  367. dhamma_time: "සම්මා සම්බුද්ධස්ස සාසනං පට්ච-වස්ස-සහස්සානි පවත්තිස්සති ",
  368. eat: "eat",
  369. gama_entry: "entry the village",
  370. guru: "ගු‍රු",
  371. hori_ref_time: "horizontal refraction correct ",
  372. kala: "කාල",
  373. language_select: "භාෂාව",
  374. left: "අවසිට්ඨ ",
  375. loading: "ප්‍රවේශනය වෙනවා ",
  376. longitude: "Longitude",
  377. māsa: "මාස",
  378. mins: "(min)",
  379. month: "මාස ",
  380. month_1: "- ",
  381. months: " මාසා(නි) ",
  382. my_loc: "අත‍්තස‍්මිං",
  383. need_inform: "without informing other Bhikkhu ",
  384. no_string: "cannot ",
  385. noon_time: "මජ්ඣන්හික",
  386. noon_time: "මජ්ඣන්හික",
  387. note: "නෝට්ටුව ",
  388. now_time: "පච්චුප්පන්න",
  389. pacchā_māsa: "පච්ඡා-මාස",
  390. pakkha: "පක්ඛ ",
  391. past: "අතික්කන්ත ",
  392. pubba_māsa: "පුබ්බ-මාස",
  393. ravi: "රවි",
  394. saṃvacchara: "සංවච්ඡ‍ර",
  395. season: "උතු ",
  396. sec: "sec",
  397. sora: "සො‍ර",
  398. sukka: "සුක්ක",
  399. sun_height_degree: "Max solar altitude ",
  400. time: "time",
  401. twilight_time: "අ‍රුණුග්ගමන",
  402. twilight_time: "අ‍රුණුග්ගමන",
  403. vikala: "විකාල",
  404. week_day: "වා‍ර ",
  405. year_0: "සංවච්ඡ‍ර",
  406. year_1: "- ",
  407. years: " සංවච්ඡ‍රා(නි) ",
  408. yes_string: "can ",
  409. timezone: "Timezone",
  410. local: "local",
  411. loading: "loading",
  412. sun_set: "sunset",
  413. unknown: "unknown",
  414. altitude: "Altitude",
  415. today: "today",
  416. week: "week",
  417. list: "list",
  418. location: "location",
  419. city_name: "city name",
  420. };
  421. var pali_month_name = [
  422. { id: "1", value: "jeṭṭha", season: "gimhāna", season_icon: "☀" }, //5.X-四-十五-心
  423. { id: "2", value: "asāḷha", season: "gimhāna", season_icon: "☀" }, //6.X-五-十五、十六-箕、斗
  424. { id: "3", value: "sāvana", season: "vassāna", season_icon: "☔" }, //7.X-六-十五-女
  425. { id: "4", value: "poṭṭhapāda", season: "vassāna", season_icon: "☔" }, //8.x-七-十五、十六-室、壁
  426. { id: "5", value: "assajuja", season: "vassāna", season_icon: "☔" }, //9.X-八-十五-樓
  427. { id: "6", value: "kattika", season: "vassāna", season_icon: "☔" }, //10.X-九-十五-昂
  428. { id: "7", value: "māgasira", season: "hemanta", season_icon: "❄" }, //11.X-十-十五-觜
  429. { id: "8", value: "phussa", season: "hemanta", season_icon: "❄" }, //12.X-十一-十五-鬼
  430. { id: "9", value: "māgha", season: "hemanta", season_icon: "❄" }, //1.X-十二-十五-星
  431. { id: "10", value: "phagguna", season: "hemanta", season_icon: "❄" }, //2.X-正月-十四、十五-張、異
  432. { id: "11", value: "citta", season: "gimhāna", season_icon: "☀" }, //3.X-二月-十五-角
  433. { id: "12", value: "vesākha", season: "gimhāna", season_icon: "☀" }, //4.X-三月-十五-氐
  434. ];
  435. var pali_nakkhatta_name = [
  436. { id: "0", value: "assayuja", name_zh: "娄宿" },
  437. { id: "1", value: "bharaṇī", name_zh: "胃宿" },
  438. { id: "2", value: "Kattikā", name_zh: "昂宿" },
  439. { id: "3", value: "rohiṇī", name_zh: "毕宿" },
  440. { id: "4", value: "magasira", name_zh: "觜宿" },
  441. { id: "5", value: "Addā", name_zh: "参宿" },
  442. { id: "6", value: "punabbasu", name_zh: "井宿" },
  443. { id: "7", value: "phussa", name_zh: "鬼宿" },
  444. { id: "8", value: "Asilesā", name_zh: "柳宿" },
  445. { id: "9", value: "maghā", name_zh: "星宿" },
  446. { id: "10", value: "pubbaphagguṇī", name_zh: "张宿" },
  447. { id: "11", value: "uttaraphagguṇī", name_zh: "翼宿" },
  448. { id: "12", value: "hattha", name_zh: "轸宿" },
  449. { id: "13", value: "cittā", name_zh: "角宿" },
  450. { id: "14", value: "sāti", name_zh: "亢宿" },
  451. { id: "15", value: "visākhā", name_zh: "氐宿" },
  452. { id: "16", value: "anurādhā", name_zh: "房宿" },
  453. { id: "17", value: "jeṭṭha", name_zh: "心宿" },
  454. { id: "18", value: "mūlā", name_zh: "尾宿" },
  455. { id: "19", value: "pubbāsāḷha", name_zh: "箕宿" },
  456. { id: "20", value: "uttarāsāḷha", name_zh: "斗宿" },
  457. { id: "21", value: "savaṇa", name_zh: "女宿" },
  458. { id: "22", value: "dhaniṭṭhā", name_zh: "虚宿" },
  459. { id: "23", value: "satabhisaja", name_zh: "危宿" },
  460. { id: "24", value: "pubbabhaddapadā", name_zh: "室宿" },
  461. { id: "25", value: "uttarabhaddapadā", name_zh: "壁宿" },
  462. { id: "26", value: "revatī", name_zh: "奎宿" },
  463. ];
  464. var horoscope_name = [
  465. { id: "0", value: "Aries", name_zh: "白羊", icon: "♈" },
  466. { id: "1", value: "Taurus", name_zh: "金牛", icon: "♉" },
  467. { id: "2", value: "Gemini", name_zh: "双子", icon: "♊" },
  468. { id: "3", value: "Cancer", name_zh: "巨蟹", icon: "♋" },
  469. { id: "4", value: "Leo", name_zh: "狮子", icon: "♌" },
  470. { id: "5", value: "Virgo", name_zh: "处女", icon: "♍" },
  471. { id: "6", value: "Libra", name_zh: "天秤", icon: "♎" },
  472. { id: "7", value: "Scorpio", name_zh: "天蝎", icon: "♏" },
  473. { id: "8", value: "Sagittarius", name_zh: "射手", icon: "♐" },
  474. { id: "9", value: "Capricornus", name_zh: "摩羯", icon: "♑" },
  475. { id: "10", value: "Aquarius", name_zh: "水瓶", icon: "♒" },
  476. { id: "11", value: "Pisces", name_zh: "双鱼", icon: "♓" },
  477. ];
  478. </script>
  479. <script>
  480. var current_phase = phase();
  481. console.log(current_phase); //输出到控制台
  482. //$("#title_text").html(localString[g_language].BE);
  483. var new_list = new Array(); //新月列表
  484. var first_list = new Array(); //上弦月列表
  485. var full_list = new Array(); //满月列表
  486. var last_list = new Array(); //下弦月列表
  487. var planets = new Array(); //
  488. var lunar_position = new Object();
  489. var g_coordinate_this = new Object();
  490. var g_now_date = new Date();
  491. var today = new Date();
  492. var start_day = new Date();
  493. var next_year = new Date();
  494. var sun_times = new Object();
  495. var curr_position="";
  496. curr_position = localStorage.getItem("local_position");
  497. if (curr_position) {
  498. g_coordinate_this.AT = curr_position.split("#")[0];
  499. g_coordinate_this.LT = curr_position.split("#")[1];
  500. g_coordinate_this.height = curr_position.split("#")[2];
  501. if (g_coordinate_this.AT >= 0) {
  502. var AT_string = angle_trans(g_coordinate_this.AT)[0]+"°" +angle_trans(g_coordinate_this.AT)[1] +
  503. "’" +
  504. angle_trans(g_coordinate_this.AT)[2] +
  505. "” N";
  506. } else {
  507. var AT_string = angle_trans(0-g_coordinate_this.AT)[0]+"°" +angle_trans(0-g_coordinate_this.AT)[1] +
  508. "’" +
  509. angle_trans(0-g_coordinate_this.AT)[2] +
  510. "” S";
  511. }
  512. if (g_coordinate_this.LT >= 0) {
  513. var LT_string = angle_trans(g_coordinate_this.LT)[0]+"°" +angle_trans(g_coordinate_this.LT)[1] +
  514. "’" +
  515. angle_trans(g_coordinate_this.LT)[2] +
  516. "” E";
  517. } else {
  518. var LT_string = angle_trans(0-g_coordinate_this.LT)[0]+"°" +angle_trans(0-g_coordinate_this.LT)[1] +
  519. "’" +
  520. angle_trans(0-g_coordinate_this.LT)[2] +
  521. "” W";
  522. }
  523. if (g_coordinate_this.height != "null") {
  524. var height_string = g_coordinate_this.height + "M";
  525. } else {
  526. var height_string = localString[g_language].unknown;
  527. }
  528. } else {
  529. getLocation();
  530. }
  531. function show_time() {
  532. if ($("#input_time").val()) {
  533. today = new Date($("#input_time").val());
  534. } else {
  535. today = g_now_date;
  536. }
  537. lunar_phase_list_refresh();
  538. get_position(today);
  539. let d_earth_to_moon =
  540. lunar_position.position.x ^
  541. (2 + lunar_position.position.y) ^
  542. (2 + lunar_position.position.z) ^
  543. 2 ^
  544. 0.5;
  545. let d_earth_to_moon_0 = phase(today).distance;
  546. sun_times = SunCalc.getTimes(
  547. today,
  548. g_coordinate_this.AT,
  549. g_coordinate_this.LT,
  550. g_coordinate_this.height / 1000
  551. );
  552. sun_position = SunCalc.getPosition(today, g_coordinate_this.AT, g_coordinate_this.LT);
  553. moon_position = SunCalc.getMoonPosition(today, g_coordinate_this.AT, g_coordinate_this.LT);
  554. moon_Illumination = SunCalc.getMoonIllumination(today);
  555. }
  556. //根据时间计算偏角,输出
  557. function get_position(date_time) {
  558. let planets_position = new Object();
  559. planets = window.lagrange.planet_positions.getPositions(date_time);
  560. //planets = global.planet_positions.getPositions(today);
  561. //console.log(planets)//输出到控制台
  562. earth_position = window.lagrange.planet_positions.getPositions(date_time)[3];
  563. lunar_position = window.lagrange.planet_positions.getPositions(date_time)[11];
  564. let lunar_position_angle = 0;
  565. let lunar_station = 0;
  566. let earth_position_angle = 0;
  567. let earth_station = 0;
  568. let earth_position_angle_round = 0;
  569. let lunar_position_angle_round = 0;
  570. //太阳相对地球的黄道偏角
  571. if (earth_position.position.y >= 0) {
  572. earth_position_angle = Math.atan2(earth_position.position.y, earth_position.position.x);
  573. } else {
  574. earth_position_angle =
  575. Math.PI * 2 + Math.atan2(earth_position.position.y, earth_position.position.x);
  576. }
  577. earth_position_angle_round = earth_position_angle / Math.PI / 2 + 0.5;
  578. earth_position_angle_round = earth_position_angle_round - Math.floor(earth_position_angle_round);
  579. earth_station = earth_position_angle_round * 12;
  580. planets_position.solar_station = earth_station;
  581. planets_position.solar_position_angle = earth_position_angle_round * Math.PI * 2;
  582. planets_position.solar_position_angle_round = earth_position_angle_round;
  583. //月球相对地球的黄道偏角——角度差算法
  584. lunar_position_angle_round = earth_position_angle_round + phase(date_time).phase;
  585. lunar_position_angle_round = lunar_position_angle_round - Math.floor(lunar_position_angle_round);
  586. lunar_position_angle = lunar_position_angle_round * Math.PI * 2;
  587. lunar_station = lunar_position_angle_round * 27;
  588. //月球相对地球的黄道偏角算法——向量差算法
  589. let lunar_to_earth = new Object();
  590. lunar_to_earth.y = lunar_position.position.y - earth_position.position.y;
  591. lunar_to_earth.x = lunar_position.position.x - earth_position.position.x;
  592. if (lunar_to_earth.y >= 0) {
  593. lunar_position_angle2 = Math.atan2(lunar_to_earth.y, lunar_to_earth.x);
  594. } else {
  595. lunar_position_angle2 = Math.PI * 2 + Math.atan2(lunar_to_earth.y, lunar_to_earth.x);
  596. }
  597. lunar_position_angle_round2 = lunar_position_angle2 / Math.PI / 2;
  598. //lunar_position_angle_round = lunar_position_angle_round - Math.floor(lunar_position_angle_round)
  599. lunar_position_angle2 = lunar_position_angle_round2 * Math.PI * 2;
  600. lunar_station2 = lunar_position_angle_round2 * 27;
  601. planets_position.lunar_station = lunar_station; //月站值【角度差算夹角】
  602. planets_position.lunar_position_angle = lunar_position_angle; //月站角【角度差算夹角】
  603. planets_position.lunar_position_angle_round = lunar_position_angle_round; //月站圆周比率【角度差算夹角】
  604. planets_position.lunar_station2 = lunar_station2; //月站值【矢量差算夹角】
  605. planets_position.lunar_position_angle2 = lunar_position_angle2; //月站角【矢量差算夹角】
  606. planets_position.lunar_position_angle_round2 = lunar_position_angle_round2; //月站圆周比率【矢量差算夹角】
  607. return planets_position;
  608. }
  609. //根据;
  610. function get_station_name(data_time) {
  611. //获取星象信息
  612. let solar_num = 0;
  613. let lunar_num = 0;
  614. solar_num = get_position(data_time).solar_station;
  615. solar_num = Math.floor(solar_num);
  616. lunar_num = get_position(data_time).lunar_station;
  617. lunar_num = Math.floor(lunar_num);
  618. let result = new Object();
  619. result.solar = horoscope_name[solar_num]; //黄道十二宫星象名称
  620. result.lunar = pali_nakkhatta_name[lunar_num]; //27星宿月站名称
  621. return result;
  622. }
  623. function getLocation() {
  624. //自动定位
  625. if (navigator.geolocation) {
  626. navigator.geolocation.getCurrentPosition(showPosition, showError);
  627. } else {
  628. $("#selected_position_string").html("Geolocation is not supported by this browser.");
  629. }
  630. }
  631. function position_input() {
  632. //手动输入
  633. var LT = Number($("#LT_°")[0].value);
  634. LT += Number($("#LT_’")[0].value) / 60;
  635. LT += Number($("#LT_”")[0].value) / 3600;
  636. LT = Number($("#WE")[0].value + LT);
  637. var AT = Number($("#AT_°")[0].value);
  638. AT += Number($("#AT_’")[0].value) / 60;
  639. AT += Number($("#AT_”")[0].value) / 3600;
  640. AT = Number($("#NS")[0].value + AT);
  641. if (AT != 0) {
  642. g_coordinate_this.LT = LT;
  643. g_coordinate_this.AT = AT;
  644. }
  645. }
  646. function showError(error) {
  647. switch (error.code) {
  648. case error.PERMISSION_DENIED:
  649. alert("定位失败,用户拒绝请求地理定位");
  650. break;
  651. case error.POSITION_UNAVAILABLE:
  652. alert("定位失败,位置信息是不可用");
  653. break;
  654. case error.TIMEOUT:
  655. alert("定位失败,请求获取用户位置超时");
  656. break;
  657. case error.UNKNOWN_ERROR:
  658. alert("定位失败,定位系统失效");
  659. break;
  660. }
  661. }
  662. function angle_trans(angle) {
  663. var angle_str = new Array();
  664. var num_d = Math.floor(angle);
  665. var num_m = Math.floor((angle - num_d) * 60);
  666. var num_s = Math.round((angle - num_d) * 60 - num_m);
  667. angle_str.push(num_d);
  668. angle_str.push(num_m);
  669. angle_str.push(num_s);
  670. return angle_str;
  671. }
  672. function input_position() {
  673. $("#position_input").show();
  674. }
  675. var g_event_list_arr = new Array();
  676. function get_event_arr() {
  677. let today = new Date();
  678. let date = new Date();
  679. for (i = -360; i < 360; i++) {
  680. date.setTime(today.getTime() + i * 3600 * 24 * 1000);
  681. let info_obj = new Object();
  682. info_obj.id = "dawn" + i;
  683. info_obj.title = localString[g_language].twilight_time;
  684. info_obj.start = SunCalc.getTimes(
  685. date,
  686. g_coordinate_this.AT,
  687. g_coordinate_this.LT,
  688. g_coordinate_this.height / 1000
  689. ).dawn;
  690. g_event_list_arr.push(info_obj);
  691. info_obj = new Object();
  692. info_obj.id = "noon" + i;
  693. info_obj.title = localString[g_language].noon_time;
  694. info_obj.start = SunCalc.getTimes(
  695. date,
  696. g_coordinate_this.AT,
  697. g_coordinate_this.LT,
  698. g_coordinate_this.height / 1000
  699. ).solarNoon;
  700. g_event_list_arr.push(info_obj);
  701. info_obj = new Object();
  702. info_obj.id = "sunset" + i;
  703. info_obj.title = localString[g_language].sun_set;
  704. info_obj.start = SunCalc.getTimes(
  705. date,
  706. g_coordinate_this.AT,
  707. g_coordinate_this.LT,
  708. g_coordinate_this.height / 1000
  709. ).sunset;
  710. g_event_list_arr.push(info_obj);
  711. }
  712. next_year.setDate(start_day.getDate() + 360);
  713. start_day.setDate(today.getDate() - 360);
  714. last_list = phaseRange(start_day, next_year, LAST); //获取下弦月列表
  715. for (i_last in last_list) {
  716. info_obj = new Object();
  717. info_obj.id = "last_moon" + i_last;
  718. info_obj.title = "🌗" + get_station_name(last_list[i_last]).lunar.value;
  719. info_obj.start = last_list[i_last];
  720. g_event_list_arr.push(info_obj);
  721. }
  722. new_list = phaseRange(start_day, next_year, NEW); //获取新月列表
  723. for (i_new in new_list) {
  724. info_obj = new Object();
  725. info_obj.id = "new_moon" + i_new;
  726. info_obj.title = "🌑" + get_station_name(new_list[i_new]).lunar.value;
  727. info_obj.start = new_list[i_new];
  728. g_event_list_arr.push(info_obj);
  729. }
  730. first_list = phaseRange(start_day, next_year, FIRST); //获取上弦月列表
  731. for (i_first in first_list) {
  732. info_obj = new Object();
  733. info_obj.id = "first_moon" + i_first;
  734. info_obj.title = "🌓" + get_station_name(first_list[i_first]).lunar.value;
  735. info_obj.start = first_list[i_first];
  736. g_event_list_arr.push(info_obj);
  737. }
  738. full_list = phaseRange(start_day, next_year, FULL); //获取满月列表
  739. for (i_full in full_list) {
  740. info_obj = new Object();
  741. info_obj.id = "full_moon" + i_full;
  742. info_obj.title = "🌕" + get_station_name(full_list[i_full]).lunar.value;
  743. info_obj.start = full_list[i_full];
  744. g_event_list_arr.push(info_obj);
  745. }
  746. /*console.log(last_list); //输出到控制台
  747. console.log(new_list); //输出到控制台
  748. console.log(first_list); //输出到控制台
  749. console.log(full_list); //输出到控制台*/
  750. }
  751. get_event_arr();
  752. </script>
  753. <script src="../lib/main.js"></script>
  754. <script>
  755. function getCookie(name) {
  756. var start = document.cookie.indexOf(name + "=");
  757. var len = start + name.length + 1;
  758. if (!start && name != document.cookie.substring(0, name.length)) {
  759. return null;
  760. }
  761. if (start == -1) return null;
  762. var end = document.cookie.indexOf(";", len);
  763. if (end == -1) end = document.cookie.length;
  764. return decodeURI(document.cookie.substring(len, end));
  765. }
  766. document.addEventListener("DOMContentLoaded", function () {
  767. var initialTimeZone = "local";
  768. var timeZoneSelectorEl = document.getElementById("time-zone-selector");
  769. var loadingEl = document.getElementById("loading");
  770. var calendarEl = document.getElementById("calendar");
  771. var calendar = new FullCalendar.Calendar(calendarEl, {
  772. timeZone: initialTimeZone,
  773. locale: getCookie("language"),
  774. headerToolbar: {
  775. left: "prev,next today",
  776. center: "title",
  777. right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek",
  778. },
  779. //initialDate: "2020-12-12",
  780. navLinks: true, // can click day/week names to navigate views
  781. editable: true,
  782. selectable: true,
  783. dayMaxEvents: true, // allow "more" link when too many events
  784. //resources: g_event_list_arr,
  785. events: g_event_list_arr,
  786. defaultTimedEventDuration: "00:01",
  787. eventClick: function (info) {
  788. info.jsEvent.preventDefault(); // don't let the browser navigate
  789. if (info.event.url) {
  790. window.open(info.event.url);
  791. }
  792. },
  793. loading: function (bool) {
  794. if (bool) {
  795. loadingEl.style.display = "inline"; // show
  796. } else {
  797. loadingEl.style.display = "none"; // hide
  798. }
  799. },
  800. eventTimeFormat: { hour: "numeric", minute: "2-digit" },
  801. dateClick: function (arg) {
  802. console.log("dateClick", calendar.formatIso(arg.date));
  803. },
  804. select: function (arg) {
  805. console.log("select", calendar.formatIso(arg.start), calendar.formatIso(arg.end));
  806. },
  807. });
  808. calendar.render();
  809. // load the list of available timezones, build the <select> options
  810. // it's HIGHLY recommended to use a different library for network requests, not this internal util func
  811. FullCalendar.requestJson(
  812. "GET",
  813. "php/get-time-zones.php",
  814. {},
  815. function (timeZones) {
  816. timeZones.forEach(function (timeZone) {
  817. var optionEl;
  818. if (timeZone !== "UTC") {
  819. // UTC is already in the list
  820. optionEl = document.createElement("option");
  821. optionEl.value = timeZone;
  822. optionEl.innerText = timeZone;
  823. timeZoneSelectorEl.appendChild(optionEl);
  824. }
  825. });
  826. },
  827. function () {
  828. // TODO: handle error
  829. }
  830. );
  831. // when the timezone selector changes, dynamically change the calendar option
  832. timeZoneSelectorEl.addEventListener("change", function () {
  833. calendar.setOption("timeZone", this.value);
  834. });
  835. });
  836. </script>
  837. <style>
  838. body {
  839. margin: 0;
  840. padding: 0;
  841. font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  842. font-size: 14px;
  843. }
  844. #top {
  845. background: #eee;
  846. border-bottom: 1px solid #ddd;
  847. padding: 0 10px;
  848. line-height: 40px;
  849. font-size: 12px;
  850. }
  851. .left {
  852. float: left;
  853. }
  854. .right {
  855. float: right;
  856. }
  857. .clear {
  858. clear: both;
  859. }
  860. #script-warning,
  861. #loading {
  862. display: none;
  863. }
  864. #script-warning {
  865. font-weight: bold;
  866. color: red;
  867. }
  868. #calendar {
  869. max-width: 1100px;
  870. margin: 40px auto;
  871. padding: 0 10px;
  872. }
  873. .tzo {
  874. color: #000;
  875. }
  876. input[type="number" i] {
  877. width: 2.5em;
  878. }
  879. </style>
  880. </head>
  881. <body>
  882. <div id="top" style="display: inline-flex;width: 100vw;">
  883. <div class="left" style="display: inline-flex;height: 5vh;margin: auto 1em;">
  884. <span style="line-height: 5vh;white-space: nowrap;">
  885. <script>
  886. document.write(localString[g_language].timezone + ":");
  887. </script>
  888. </span>
  889. <select id="time-zone-selector">
  890. <option value="local" selected>
  891. <script>
  892. document.write(localString[g_language].local);
  893. </script>
  894. </option>
  895. <option value="UTC">UTC</option>
  896. </select>
  897. </div>
  898. <div style="display: inline-block;margin-left:5%; justify-content: center; width: 25em">
  899. <div style="line-height: 2em; margin-top: 7px">
  900. <script>
  901. document.write(localString[g_language].atitude);
  902. </script>
  903. <span id="AT_str" onclick="show_ele(this)"></span>
  904. <span class="coordinate_input" style="flex: 7; white-space: nowrap; display: none">
  905. <input id="AT_°" type="number" min="0" max="89" /> °
  906. <input id="AT_’" type="number" min="0" max="59" /> ’
  907. <input id="AT_”" type="number" min="0" max="59" /> ”
  908. <select id="NS">
  909. <option value="+">N</option>
  910. <option value="-">S</option>
  911. </select>
  912. <button onclick="coordinate_confirm('AT')">
  913. <script>
  914. document.write(localString[g_language].confirm);
  915. </script>
  916. </button>
  917. </span>
  918. </div>
  919. <div style="line-height: 2em">
  920. <script>
  921. document.write(localString[g_language].longitude);
  922. </script>
  923. <span id="LT_str" onclick="show_ele(this)"></span>
  924. <span
  925. class="coordinate_input"
  926. onblur="show_ele(this)"
  927. style="flex: 7; white-space: nowrap; display: none"
  928. >
  929. <input id="LT_°" type="number" min="0" max="179" style="width: 3em" /> °
  930. <input id="LT_’" type="number" min="0" max="59" /> ’
  931. <input id="LT_”" type="number" min="0" max="59" /> ”
  932. <select id="WE">
  933. <option value="+">E</option>
  934. <option value="-">W</option>
  935. </select>
  936. <button onclick="coordinate_confirm('LT')">
  937. <script>
  938. document.write(localString[g_language].confirm);
  939. </script>
  940. </button>
  941. </span>
  942. </div>
  943. <div style="line-height: 2em">
  944. <script>
  945. document.write(localString[g_language].altitude);
  946. </script>
  947. <span id="altitude_string" onclick="show_ele(this)"></span>
  948. <span class="coordinate_input" style="flex: 7; white-space: nowrap; display: none">
  949. <input id="HT_M" type="number" min="0" max="19999" style="width: 4em" /> M
  950. <button onclick="coordinate_confirm('HT')">
  951. <script>
  952. document.write(localString[g_language].confirm);
  953. </script>
  954. </button>
  955. </span>
  956. </div>
  957. </div>
  958. <div style="display: inline-block; width: 50%; justify-content: center;">
  959. <script>
  960. document.write(localString[g_language].location);
  961. </script>
  962. <span id="city_str" onclick=""></span>
  963. <span id="city_info" ></span>
  964. <input class="cityinput" id="citySelect" value="" style="display: none;">
  965. <div class="citySelector" style="position: absolute; left: 8px; top: 25.6px; z-index: 999999;">
  966. <div class="cityBox hide" id="cityBox"></div>
  967. </div>
  968. </div>
  969. <div class="right">
  970. <span id="loading">
  971. <script>
  972. document.write(localString[g_language].loading + "…");
  973. </script>
  974. </span>
  975. <span id="script-warning"><code>php/get-events.php</code> must be running.</span>
  976. </div>
  977. <div class="clear"></div>
  978. </div>
  979. <div id="calendar"></div>
  980. </body>
  981. <script>
  982. $("#citySelect")[0].value=localString[g_language].city_name;
  983. function position_modify() {
  984. var LT = Number($("#LT_°")[0].value);
  985. LT += Number($("#LT_’")[0].value) / 60;
  986. LT += Number($("#LT_”")[0].value) / 3600;
  987. LT = Number($("#WE")[0].value + LT);
  988. var AT = Number($("#AT_°")[0].value);
  989. AT += Number($("#AT_’")[0].value) / 60;
  990. AT += Number($("#AT_”")[0].value) / 3600;
  991. AT = Number($("#NS")[0].value + AT);
  992. if (AT != 0) {
  993. g_coordinate_this.LT = LT;
  994. g_coordinate_this.AT = AT;
  995. }
  996. g_coordinate_this.height=Number($("#HT_M")[0].value);
  997. //将新的坐标数据存到localStorage
  998. let position_string = g_coordinate_this.AT + "#" + g_coordinate_this.LT + "#" + g_coordinate_this.height;
  999. localStorage.setItem("local_position", position_string);
  1000. show_position();
  1001. }
  1002. function position_modify_confirm(obj) {
  1003. position_modify();
  1004. show_ele(obj);
  1005. }
  1006. function show_ele(obj) {
  1007. if ($(obj).siblings("span").css("display") == "none") {
  1008. $(obj).hide();
  1009. $(obj).siblings("span").show();
  1010. } else {
  1011. $(obj).show();
  1012. $(obj).siblings("span").hide();
  1013. }
  1014. }
  1015. function getLocation() {
  1016. //自动定位
  1017. if (navigator.geolocation) {
  1018. navigator.geolocation.getCurrentPosition(showPosition, showError);
  1019. } else {
  1020. $("#selected_position_string").html("Geolocation is not supported by this browser.");
  1021. }
  1022. }
  1023. function position_input() {
  1024. //手动输入
  1025. var LT = Number($("#LT_°")[0].value);
  1026. LT += Number($("#LT_’")[0].value) / 60;
  1027. LT += Number($("#LT_”")[0].value) / 3600;
  1028. LT = Number($("#WE")[0].value + LT);
  1029. var AT = Number($("#AT_°")[0].value);
  1030. AT += Number($("#AT_’")[0].value) / 60;
  1031. AT += Number($("#AT_”")[0].value) / 3600;
  1032. AT = Number($("#NS")[0].value + AT);
  1033. if (AT != 0) {
  1034. g_coordinate_this.LT = LT;
  1035. g_coordinate_this.AT = AT;
  1036. }
  1037. }
  1038. function showError(error) {
  1039. switch (error.code) {
  1040. case error.PERMISSION_DENIED:
  1041. alert("定位失败,用户拒绝请求地理定位");
  1042. break;
  1043. case error.POSITION_UNAVAILABLE:
  1044. alert("定位失败,位置信息是不可用");
  1045. break;
  1046. case error.TIMEOUT:
  1047. alert("定位失败,请求获取用户位置超时");
  1048. break;
  1049. case error.UNKNOWN_ERROR:
  1050. alert("定位失败,定位系统失效");
  1051. break;
  1052. }
  1053. }
  1054. function coordinate_confirm(type){
  1055. switch(type){
  1056. case "AT":
  1057. show_ele('#AT_str');
  1058. break;
  1059. case "LT":
  1060. show_ele('#LT_str');
  1061. break;
  1062. case "HT":
  1063. show_ele('#altitude_string');
  1064. break;
  1065. }
  1066. position_modify();
  1067. }
  1068. function show_position(){
  1069. curr_position = localStorage.getItem("local_position");
  1070. if (curr_position) {
  1071. g_coordinate_this.AT = curr_position.split("#")[0];
  1072. g_coordinate_this.LT = curr_position.split("#")[1];
  1073. g_coordinate_this.height = curr_position.split("#")[2];
  1074. if (g_coordinate_this.AT >= 0) {
  1075. var AT_string = angle_trans(g_coordinate_this.AT)[0]+"°" +angle_trans(g_coordinate_this.AT)[1] +
  1076. "’" +
  1077. angle_trans(g_coordinate_this.AT)[2] +
  1078. "” N";
  1079. } else {
  1080. var AT_string = angle_trans(0-g_coordinate_this.AT)[0]+"°" +angle_trans(0-g_coordinate_this.AT)[1] +
  1081. "’" +
  1082. angle_trans(0-g_coordinate_this.AT)[2] +
  1083. "” S";
  1084. }
  1085. if (g_coordinate_this.LT >= 0) {
  1086. var LT_string = angle_trans(g_coordinate_this.LT)[0]+"°" +angle_trans(g_coordinate_this.LT)[1] +
  1087. "’" +
  1088. angle_trans(g_coordinate_this.LT)[2] +
  1089. "” E";
  1090. } else {
  1091. var LT_string = angle_trans(0-g_coordinate_this.LT)[0]+"°" +angle_trans(0-g_coordinate_this.LT)[1] +
  1092. "’" +
  1093. angle_trans(0-g_coordinate_this.LT)[2] +
  1094. "” W";
  1095. }
  1096. if (g_coordinate_this.height != "null") {
  1097. var height_string = g_coordinate_this.height + "M";
  1098. } else {
  1099. var height_string = localString[g_language].unknown;
  1100. }
  1101. } else {
  1102. getLocation();
  1103. }
  1104. $("#AT_str").html(AT_string);
  1105. $("#LT_str").html(LT_string);
  1106. $("#altitude_string").html(height_string);
  1107. if(g_coordinate_this.AT<0){
  1108. $("#AT_°")[0].value = angle_trans(0-g_coordinate_this.AT)[0];
  1109. $("#AT_’")[0].value = angle_trans(0-g_coordinate_this.AT)[1];
  1110. $("#AT_”")[0].value = angle_trans(0-g_coordinate_this.AT)[2];
  1111. $("#NS")[0].value="-";
  1112. }
  1113. else{
  1114. $("#AT_°")[0].value = angle_trans(g_coordinate_this.AT)[0];
  1115. $("#AT_’")[0].value = angle_trans(g_coordinate_this.AT)[1];
  1116. $("#AT_”")[0].value = angle_trans(g_coordinate_this.AT)[2];
  1117. $("#NS")[0].value="+";
  1118. }
  1119. if(g_coordinate_this.LT<0){
  1120. $("#LT_°")[0].value = angle_trans(0-g_coordinate_this.LT)[0];
  1121. $("#LT_’")[0].value = angle_trans(0-g_coordinate_this.LT)[1];
  1122. $("#LT_”")[0].value = angle_trans(0-g_coordinate_this.LT)[2];
  1123. $("#WE")[0].value="-";
  1124. }
  1125. else{
  1126. $("#LT_°")[0].value = angle_trans(g_coordinate_this.LT)[0];
  1127. $("#LT_’")[0].value = angle_trans(g_coordinate_this.LT)[1];
  1128. $("#LT_”")[0].value = angle_trans(g_coordinate_this.LT)[2];
  1129. $("#WE")[0].value="+";
  1130. }
  1131. $("#HT_M")[0].value = g_coordinate_this.height;
  1132. $("#city_str").html(find_city(g_coordinate_this.AT,g_coordinate_this.LT).name);
  1133. }
  1134. show_position();
  1135. $(document).ready(function () {
  1136. $("button").each(function () {
  1137. if ($(this).html() == "today") {
  1138. $(this).html(localString[g_language].today);
  1139. }
  1140. if ($(this).html() == "list") {
  1141. $(this).html(localString[g_language].list);
  1142. }
  1143. if ($(this).html() == "week") {
  1144. $(this).html(localString[g_language].week);
  1145. }
  1146. if ($(this).html() == "month") {
  1147. $(this).html(localString[g_language].month);
  1148. }
  1149. if ($(this).html() == "day") {
  1150. $(this).html(localString[g_language].day);
  1151. }
  1152. });
  1153. });
  1154. $(document).ready(function () {
  1155. $("button").click(function () {
  1156. $("button").each(function () {
  1157. if ($(this).html().indexOf("today") != -1) {
  1158. $(this).html(localString[g_language].today);
  1159. }
  1160. if ($(this).html().indexOf("list") != -1) {
  1161. $(this).html(localString[g_language].list);
  1162. }
  1163. if ($(this).html().indexOf("week") != -1) {
  1164. $(this).html(localString[g_language].week);
  1165. }
  1166. if ($(this).html().indexOf("month") != -1) {
  1167. $(this).html(localString[g_language].month);
  1168. }
  1169. if ($(this).html().indexOf("day") != -1 && $(this).html().indexOf("today") == -1) {
  1170. $(this).html(localString[g_language].day);
  1171. }
  1172. });
  1173. });
  1174. });
  1175. $(document).ready(function () {
  1176. $("div").click(function () {
  1177. $("button").each(function () {
  1178. if ($(this).html().indexOf("today") != -1) {
  1179. $(this).html(localString[g_language].today);
  1180. }
  1181. if ($(this).html().indexOf("list") != -1) {
  1182. $(this).html(localString[g_language].list);
  1183. }
  1184. if ($(this).html().indexOf("week") != -1) {
  1185. $(this).html(localString[g_language].week);
  1186. }
  1187. if ($(this).html().indexOf("month") != -1) {
  1188. $(this).html(localString[g_language].month);
  1189. }
  1190. if ($(this).html().indexOf("day") != -1 && $(this).html().indexOf("today") == -1) {
  1191. $(this).html(localString[g_language].day);
  1192. }
  1193. });
  1194. });
  1195. });
  1196. //给出两个经纬度坐标直接的距离
  1197. function distance(x, y) {
  1198. var toRadians = function(num) {
  1199. return num * Math.PI / 180;
  1200. };
  1201. var lat1 = x.latitude;
  1202. var lon1 = x.longitude;
  1203. var lat2 = y.latitude;
  1204. var lon2 = y.longitude;
  1205. var R = 6371; // km
  1206. var φ1 = toRadians(lat1);//纬度弧度1
  1207. var φ2 = toRadians(lat2);//纬度弧度2
  1208. var Δφ = toRadians(lat2 - lat1);//纬度弧度差
  1209. var Δλ = toRadians(lon2 - lon1);//经度弧度差
  1210. var a = Math.sin(Δφ / 2) * Math.sin(Δφ / 2) +
  1211. Math.cos(φ1) * Math.cos(φ2) *
  1212. Math.sin(Δλ / 2) * Math.sin(Δλ / 2);
  1213. var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
  1214. return R * c;
  1215. }
  1216. function find_city(latitude,longitude){
  1217. var point=new Object;
  1218. var point_X=new Object;
  1219. var city_info=new Object;
  1220. var min_S=10000
  1221. point.latitude=latitude;
  1222. point.longitude=longitude;
  1223. for(i in city_list){
  1224. point_X.latitude=city_list[i].latitude;
  1225. point_X.longitude=city_list[i].longitude;
  1226. if(distance(point,point_X)<min_S){
  1227. city_info=city_list[i];
  1228. min_S=distance(point,point_X);
  1229. }
  1230. }
  1231. if(min_S==10000){
  1232. city_info.name=localString[g_language].unknown;
  1233. city_info.asciiName=localString[g_language].unknown;
  1234. }
  1235. return(city_info);
  1236. }
  1237. </script>
  1238. <style type="text/css">
  1239. .demo{width:220px;margin:20px auto;}
  1240. /* citySelector */
  1241. .citySelector{font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;}
  1242. .cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #85BEE5;border-right-color:#3485C0;border-bottom-color:#3485C0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);margin-top:-2px;}
  1243. .cityslide li{list-style:none;overflow:hidden;height:16px;padding:4px 5px;}
  1244. .cityslide li.on{background:#9CD9FF;color:#fff;}
  1245. .cityslide li b{font-weight:normal;}
  1246. .cityslide li.empty{background:#fff2e8;color:#666;}
  1247. .cityslide li.empty em{color:red;font-style:normal;}
  1248. .cityname{float:left;}
  1249. .cityspell{float:right;}
  1250. .cityBox{width:320px;border:1px solid #85BEE5;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
  1251. .cityBox ul{margin:0;padding:0;overflow:hidden;}
  1252. .cityBox ul li{float:left;list-style:none;padding:2px 4px;border:1px solid #85BEE5;cursor:pointer;margin-left:4px;display:inline;background:#E1EFFE;}
  1253. .cityBox ul li.on{background:#fff;border-bottom-color:#fff;position:relative;}
  1254. .hide{display:none;}
  1255. p.tip{color:#666;line-height:20px;padding:5px;margin:0;text-indent:3px;}
  1256. .hotCity{border-top:1px solid #85BEE5;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:5px;padding-top:5px;_margin-bottom:8px;}
  1257. .cityTab{overflow:hidden;}
  1258. .cityTab dl{margin:0;padding:0;overflow:hidden;}
  1259. .cityTab dl dt{float:left;padding-left:3px;color:#F30;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:22px;font-size:14px;width:20px;}
  1260. .cityTab dl dd{margin-left:2px;float:left;width:290px;}
  1261. .cityTab dl dd a{padding-left:5px;width:66px;line-height:22px;display:inline-block;color:#000;text-decoration:none;}
  1262. .cityTab dl dd a:hover{text-decoration:underline;color:red}
  1263. .cityinput{ font-size: 12px; padding-left: 2px; background: url(T1EPyLXm0hXXXXXXXX-200-100.png) no-repeat 150px 5px; border: 1px solid #D8D8D8; }
  1264. </style>
  1265. <script type="text/javascript">
  1266. /* *
  1267. * ---------------------------------------- *
  1268. * 城市选择组件 v1.0
  1269. * Author: VVG
  1270. * QQ: 83816819
  1271. * Mail: mysheller@163.com
  1272. * http://www.cnblogs.com/NNUF/
  1273. * ---------------------------------------- *
  1274. * Date: 2012-07-10
  1275. * ---------------------------------------- *
  1276. * */
  1277. /* *
  1278. * 全局空间 Vcity
  1279. * */
  1280. var Vcity = {};
  1281. /* *
  1282. * 静态方法集
  1283. * @name _m
  1284. * */
  1285. Vcity._m = {
  1286. /* 选择元素 */
  1287. $:function (arg, context) {
  1288. var tagAll, n, eles = [], i, sub = arg.substring(1);
  1289. context = context || document;
  1290. if (typeof arg == 'string') {
  1291. switch (arg.charAt(0)) {
  1292. case '#':
  1293. return document.getElementById(sub);
  1294. break;
  1295. case '.':
  1296. if (context.getElementsByClassName) return context.getElementsByClassName(sub);
  1297. tagAll = Vcity._m.$('*', context);
  1298. n = tagAll.length;
  1299. for (i = 0; i < n; i++) {
  1300. if (tagAll[i].className.indexOf(sub) > -1) eles.push(tagAll[i]);
  1301. }
  1302. return eles;
  1303. break;
  1304. default:
  1305. return context.getElementsByTagName(arg);
  1306. break;
  1307. }
  1308. }
  1309. },
  1310. /* 绑定事件 */
  1311. on:function (node, type, handler) {
  1312. node.addEventListener ? node.addEventListener(type, handler, false) : node.attachEvent('on' + type, handler);
  1313. },
  1314. /* 获取事件 */
  1315. getEvent:function(event){
  1316. return event || window.event;
  1317. },
  1318. /* 获取事件目标 */
  1319. getTarget:function(event){
  1320. return event.target || event.srcElement;
  1321. },
  1322. /* 获取元素位置 */
  1323. getPos:function (node) {
  1324. var scrollx = document.documentElement.scrollLeft || document.body.scrollLeft,
  1325. scrollt = document.documentElement.scrollTop || document.body.scrollTop;
  1326. var pos = node.getBoundingClientRect();
  1327. return {top:pos.top + scrollt, right:pos.right + scrollx, bottom:pos.bottom + scrollt, left:pos.left + scrollx }
  1328. },
  1329. /* 添加样式名 */
  1330. addClass:function (c, node) {
  1331. if(!node)return;
  1332. node.className = Vcity._m.hasClass(c,node) ? node.className : node.className + ' ' + c ;
  1333. },
  1334. /* 移除样式名 */
  1335. removeClass:function (c, node) {
  1336. var reg = new RegExp("(^|\\s+)" + c + "(\\s+|$)", "g");
  1337. if(!Vcity._m.hasClass(c,node))return;
  1338. node.className = reg.test(node.className) ? node.className.replace(reg, '') : node.className;
  1339. },
  1340. /* 是否含有CLASS */
  1341. hasClass:function (c, node) {
  1342. if(!node || !node.className)return false;
  1343. return node.className.indexOf(c)>-1;
  1344. },
  1345. /* 阻止冒泡 */
  1346. stopPropagation:function (event) {
  1347. event = event || window.event;
  1348. event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
  1349. },
  1350. /* 去除两端空格 */
  1351. trim:function (str) {
  1352. return str.replace(/^\s+|\s+$/g,'');
  1353. }
  1354. };
  1355. /* 所有城市数据,可以按照格式自行添加(北京|beijing|bj),前16条为热门城市 */
  1356. Vcity.allCity = ['北京|beijing|bj','上海|shanghai|sh', '重庆|chongqing|cq', '深圳|shenzhen|sz', '广州|guangzhou|gz', '杭州|hangzhou|hz',
  1357. '南京|nanjing|nj', '苏州|shuzhou|sz', '天津|tianjin|tj', '成都|chengdu|cd', '南昌|nanchang|nc', '三亚|sanya|sy','青岛|qingdao|qd',
  1358. '厦门|xiamen|xm', '西安|xian|xa','长沙|changsha|cs'];
  1359. var city_str_nex=""
  1360. for(i in city_list){
  1361. city_str_nex=city_list[i].name+"|"+city_list[i].asciiName+"|"+city_list[i].asciiName.slice(0,2);
  1362. Vcity.allCity.push(city_str_nex);
  1363. }
  1364. /* 正则表达式 筛选中文城市名、拼音、首字母 */
  1365. Vcity.regEx = /^([\u4E00-\u9FA5\uf900-\ufa2d]+)\|(\w+)\|(\w)\w*$/i;
  1366. Vcity.regExChiese = /([\u4E00-\u9FA5\uf900-\ufa2d]+)/;
  1367. /* *
  1368. * 格式化城市数组为对象oCity,按照a-h,i-p,q-z,hot热门城市分组:
  1369. * {HOT:{hot:[]},ABCDEFGH:{a:[1,2,3],b:[1,2,3]},IJKLMNOP:{i:[1.2.3],j:[1,2,3]},QRSTUVWXYZ:{}}
  1370. * */
  1371. (function () {
  1372. var citys = Vcity.allCity, match, letter,
  1373. regEx = Vcity.regEx,
  1374. reg2 = /^[a-h]$/i, reg3 = /^[i-p]$/i, reg4 = /^[q-z]$/i;
  1375. if (!Vcity.oCity) {
  1376. Vcity.oCity = {hot:{},ABCDEFGH:{}, IJKLMNOP:{}, QRSTUVWXYZ:{}};
  1377. //console.log(citys.length);
  1378. for (var i = 0, n = citys.length; i < n; i++) {
  1379. match = regEx.exec(citys[i]);
  1380. letter = match[3].toUpperCase();
  1381. if (reg2.test(letter)) {
  1382. if (!Vcity.oCity.ABCDEFGH[letter]) Vcity.oCity.ABCDEFGH[letter] = [];
  1383. Vcity.oCity.ABCDEFGH[letter].push(match[1]);
  1384. } else if (reg3.test(letter)) {
  1385. if (!Vcity.oCity.IJKLMNOP[letter]) Vcity.oCity.IJKLMNOP[letter] = [];
  1386. Vcity.oCity.IJKLMNOP[letter].push(match[1]);
  1387. } else if (reg4.test(letter)) {
  1388. if (!Vcity.oCity.QRSTUVWXYZ[letter]) Vcity.oCity.QRSTUVWXYZ[letter] = [];
  1389. Vcity.oCity.QRSTUVWXYZ[letter].push(match[1]);
  1390. }
  1391. /* 热门城市 前16条 */
  1392. if(i<16){
  1393. if(!Vcity.oCity.hot['hot']) Vcity.oCity.hot['hot'] = [];
  1394. Vcity.oCity.hot['hot'].push(match[1]);
  1395. }
  1396. }
  1397. }
  1398. })();
  1399. /* 城市HTML模板 */
  1400. Vcity._template = [
  1401. '<p class="tip">热门城市(支持汉字/拼音)</p>',
  1402. '<ul>',
  1403. '<li class="on">热门城市</li>',
  1404. '<li>A~H</li>',
  1405. '<li>I~P</li>',
  1406. '<li>Q~Z</li>',
  1407. '</ul>'
  1408. ];
  1409. /* *
  1410. * 城市控件构造函数
  1411. * @CitySelector
  1412. * */
  1413. Vcity.CitySelector = function () {
  1414. this.initialize.apply(this, arguments);
  1415. };
  1416. Vcity.CitySelector.prototype = {
  1417. constructor:Vcity.CitySelector,
  1418. /* 初始化 */
  1419. initialize :function (options) {
  1420. var input = options.input;
  1421. this.input = Vcity._m.$('#'+ input);
  1422. this.inputEvent();
  1423. },
  1424. /* *
  1425. * @createWarp
  1426. * 创建城市BOX HTML 框架
  1427. * */
  1428. createWarp:function(){
  1429. var inputPos = Vcity._m.getPos(this.input);
  1430. var div = this.rootDiv = document.createElement('div');
  1431. var that = this;
  1432. // 设置DIV阻止冒泡
  1433. Vcity._m.on(this.rootDiv,'click',function(event){
  1434. Vcity._m.stopPropagation(event);
  1435. });
  1436. // 设置点击文档隐藏弹出的城市选择框
  1437. Vcity._m.on(document, 'click', function (event) {
  1438. event = Vcity._m.getEvent(event);
  1439. var target = Vcity._m.getTarget(event);
  1440. if(target == that.input) return false;
  1441. //console.log(target.className);
  1442. if (that.cityBox)Vcity._m.addClass('hide', that.cityBox);
  1443. if (that.ul)Vcity._m.addClass('hide', that.ul);
  1444. if(that.myIframe)Vcity._m.addClass('hide',that.myIframe);
  1445. });
  1446. div.className = 'citySelector';
  1447. div.style.position = 'absolute';
  1448. div.style.left = inputPos.left + 'px';
  1449. div.style.top = inputPos.bottom + 'px';
  1450. div.style.zIndex = 999999;
  1451. // 判断是否IE6,如果是IE6需要添加iframe才能遮住SELECT框
  1452. var isIe = (document.all) ? true : false;
  1453. var isIE6 = this.isIE6 = isIe && !window.XMLHttpRequest;
  1454. if(isIE6){
  1455. var myIframe = this.myIframe = document.createElement('iframe');
  1456. myIframe.frameborder = '0';
  1457. myIframe.src = 'about:blank';
  1458. myIframe.style.position = 'absolute';
  1459. myIframe.style.zIndex = '-1';
  1460. this.rootDiv.appendChild(this.myIframe);
  1461. }
  1462. var childdiv = this.cityBox = document.createElement('div');
  1463. childdiv.className = 'cityBox';
  1464. childdiv.id = 'cityBox';
  1465. childdiv.innerHTML = Vcity._template.join('');
  1466. var hotCity = this.hotCity = document.createElement('div');
  1467. hotCity.className = 'hotCity';
  1468. childdiv.appendChild(hotCity);
  1469. div.appendChild(childdiv);
  1470. this.createHotCity();
  1471. },
  1472. /* *
  1473. * @createHotCity
  1474. * TAB下面DIV:hot,a-h,i-p,q-z 分类HTML生成,DOM操作
  1475. * {HOT:{hot:[]},ABCDEFGH:{a:[1,2,3],b:[1,2,3]},IJKLMNOP:{},QRSTUVWXYZ:{}}
  1476. **/
  1477. createHotCity:function(){
  1478. var odiv,odl,odt,odd,odda=[],str,key,ckey,sortKey,regEx = Vcity.regEx,
  1479. oCity = Vcity.oCity;
  1480. for(key in oCity){
  1481. odiv = this[key] = document.createElement('div');
  1482. // 先设置全部隐藏hide
  1483. odiv.className = key + ' ' + 'cityTab hide';
  1484. sortKey=[];
  1485. for(ckey in oCity[key]){
  1486. sortKey.push(ckey);
  1487. // ckey按照ABCDEDG顺序排序
  1488. sortKey.sort();
  1489. }
  1490. for(var j=0,k = sortKey.length;j<k;j++){
  1491. odl = document.createElement('dl');
  1492. odt = document.createElement('dt');
  1493. odd = document.createElement('dd');
  1494. odt.innerHTML = sortKey[j] == 'hot'?'&nbsp;':sortKey[j];
  1495. odda = [];
  1496. for(var i=0,n=oCity[key][sortKey[j]].length;i<n;i++){
  1497. str = '<a href="#">' + oCity[key][sortKey[j]][i] + '</a>';
  1498. odda.push(str);
  1499. }
  1500. odd.innerHTML = odda.join('');
  1501. odl.appendChild(odt);
  1502. odl.appendChild(odd);
  1503. odiv.appendChild(odl);
  1504. }
  1505. // 移除热门城市的隐藏CSS
  1506. Vcity._m.removeClass('hide',this.hot);
  1507. this.hotCity.appendChild(odiv);
  1508. }
  1509. document.body.appendChild(this.rootDiv);
  1510. /* IE6 */
  1511. this.changeIframe();
  1512. this.tabChange();
  1513. this.linkEvent();
  1514. },
  1515. /* *
  1516. * tab按字母顺序切换
  1517. * @ tabChange
  1518. * */
  1519. tabChange:function(){
  1520. var lis = Vcity._m.$('li',this.cityBox);
  1521. var divs = Vcity._m.$('div',this.hotCity);
  1522. var that = this;
  1523. for(var i=0,n=lis.length;i<n;i++){
  1524. lis[i].index = i;
  1525. lis[i].onclick = function(){
  1526. for(var j=0;j<n;j++){
  1527. Vcity._m.removeClass('on',lis[j]);
  1528. Vcity._m.addClass('hide',divs[j]);
  1529. }
  1530. Vcity._m.addClass('on',this);
  1531. Vcity._m.removeClass('hide',divs[this.index]);
  1532. /* IE6 改变TAB的时候 改变Iframe 大小*/
  1533. that.changeIframe();
  1534. };
  1535. }
  1536. },
  1537. /* *
  1538. * 城市LINK事件
  1539. * @linkEvent
  1540. * */
  1541. linkEvent:function(){
  1542. var links = Vcity._m.$('a',this.hotCity);
  1543. var that = this;
  1544. for(var i=0,n=links.length;i<n;i++){
  1545. links[i].onclick = function(){
  1546. that.input.value = this.innerHTML;
  1547. Vcity._m.addClass('hide',that.cityBox);
  1548. /* 点击城市名的时候隐藏myIframe */
  1549. Vcity._m.addClass('hide',that.myIframe);
  1550. }
  1551. }
  1552. },
  1553. /* *
  1554. * INPUT城市输入框事件
  1555. * @inputEvent
  1556. * */
  1557. inputEvent:function(){
  1558. var that = this;
  1559. Vcity._m.on(this.input,'click',function(event){
  1560. event = event || window.event;
  1561. if(!that.cityBox){
  1562. that.createWarp();
  1563. }else if(!!that.cityBox && Vcity._m.hasClass('hide',that.cityBox)){
  1564. // slideul 不存在或者 slideul存在但是是隐藏的时候 两者不能共存
  1565. if(!that.ul || (that.ul && Vcity._m.hasClass('hide',that.ul))){
  1566. Vcity._m.removeClass('hide',that.cityBox);
  1567. /* IE6 移除iframe 的hide 样式 */
  1568. //alert('click');
  1569. Vcity._m.removeClass('hide',that.myIframe);
  1570. that.changeIframe();
  1571. }
  1572. }
  1573. });
  1574. Vcity._m.on(this.input,'focus',function(){
  1575. that.input.select();
  1576. if(that.input.value == localString[g_language].city_name) that.input.value = '';
  1577. });
  1578. Vcity._m.on(this.input,'blur',function(){
  1579. if(that.input.value == '') that.input.value = localString[g_language].city_name;
  1580. });
  1581. Vcity._m.on(this.input,'keyup',function(event){
  1582. event = event || window.event;
  1583. var keycode = event.keyCode;
  1584. Vcity._m.addClass('hide',that.cityBox);
  1585. that.createUl();
  1586. /* 移除iframe 的hide 样式 */
  1587. Vcity._m.removeClass('hide',that.myIframe);
  1588. // 下拉菜单显示的时候捕捉按键事件
  1589. if(that.ul && !Vcity._m.hasClass('hide',that.ul) && !that.isEmpty){
  1590. that.KeyboardEvent(event,keycode);
  1591. }
  1592. });
  1593. },
  1594. /* *
  1595. * 生成下拉选择列表
  1596. * @ createUl
  1597. * */
  1598. createUl:function () {
  1599. //console.log('createUL');
  1600. var str;
  1601. var value = Vcity._m.trim(this.input.value);
  1602. // 当value不等于空的时候执行
  1603. if (value !== '') {
  1604. var reg = new RegExp("^" + value + "|\\|" + value, 'gi');
  1605. // 此处需设置中文输入法也可用onpropertychange
  1606. var searchResult = [];
  1607. for (var i = 0, n = Vcity.allCity.length; i < n; i++) {
  1608. if (reg.test(Vcity.allCity[i])) {
  1609. var match = Vcity.regEx.exec(Vcity.allCity[i]);
  1610. if (searchResult.length !== 0) {
  1611. str = '<li><b class="cityname">' + match[1] + '</b><b class="cityspell">' + match[2] + '</b></li>';
  1612. } else {
  1613. str = '<li class="on"><b class="cityname">' + match[1] + '</b><b class="cityspell">' + match[2] + '</b></li>';
  1614. }
  1615. searchResult.push(str);
  1616. }
  1617. }
  1618. this.isEmpty = false;
  1619. // 如果搜索数据为空
  1620. if (searchResult.length == 0) {
  1621. this.isEmpty = true;
  1622. str = '<li class="empty">对不起,没有找到数据 "<em>' + value + '</em>"</li>';
  1623. searchResult.push(str);
  1624. }
  1625. // 如果slideul不存在则添加ul
  1626. if (!this.ul) {
  1627. var ul = this.ul = document.createElement('ul');
  1628. ul.className = 'cityslide';
  1629. this.rootDiv && this.rootDiv.appendChild(ul);
  1630. // 记录按键次数,方向键
  1631. this.count = 0;
  1632. } else if (this.ul && Vcity._m.hasClass('hide', this.ul)) {
  1633. this.count = 0;
  1634. Vcity._m.removeClass('hide', this.ul);
  1635. }
  1636. this.ul.innerHTML = searchResult.join('');
  1637. /* IE6 */
  1638. this.changeIframe();
  1639. // 绑定Li事件
  1640. this.liEvent();
  1641. }else{
  1642. Vcity._m.addClass('hide',this.ul);
  1643. Vcity._m.removeClass('hide',this.cityBox);
  1644. Vcity._m.removeClass('hide',this.myIframe);
  1645. this.changeIframe();
  1646. }
  1647. },
  1648. /* IE6的改变遮罩SELECT 的 IFRAME尺寸大小 */
  1649. changeIframe:function(){
  1650. if(!this.isIE6)return;
  1651. this.myIframe.style.width = this.rootDiv.offsetWidth + 'px';
  1652. this.myIframe.style.height = this.rootDiv.offsetHeight + 'px';
  1653. },
  1654. /* *
  1655. * 特定键盘事件,上、下、Enter键
  1656. * @ KeyboardEvent
  1657. * */
  1658. KeyboardEvent:function(event,keycode){
  1659. var lis = Vcity._m.$('li',this.ul);
  1660. var len = lis.length;
  1661. switch(keycode){
  1662. case 40: //向下箭头↓
  1663. this.count++;
  1664. if(this.count > len-1) this.count = 0;
  1665. for(var i=0;i<len;i++){
  1666. Vcity._m.removeClass('on',lis[i]);
  1667. }
  1668. Vcity._m.addClass('on',lis[this.count]);
  1669. break;
  1670. case 38: //向上箭头↑
  1671. this.count--;
  1672. if(this.count<0) this.count = len-1;
  1673. for(i=0;i<len;i++){
  1674. Vcity._m.removeClass('on',lis[i]);
  1675. }
  1676. Vcity._m.addClass('on',lis[this.count]);
  1677. break;
  1678. case 13: // enter键
  1679. this.input.value = Vcity.regExChiese.exec(lis[this.count].innerHTML)[0];
  1680. Vcity._m.addClass('hide',this.ul);
  1681. Vcity._m.addClass('hide',this.ul);
  1682. /* IE6 */
  1683. Vcity._m.addClass('hide',this.myIframe);
  1684. break;
  1685. default:
  1686. break;
  1687. }
  1688. },
  1689. /* *
  1690. * 下拉列表的li事件
  1691. * @ liEvent
  1692. * */
  1693. liEvent:function(){
  1694. var that = this;
  1695. var lis = Vcity._m.$('li',this.ul);
  1696. for(var i = 0,n = lis.length;i < n;i++){
  1697. Vcity._m.on(lis[i],'click',function(event){
  1698. event = Vcity._m.getEvent(event);
  1699. var target = Vcity._m.getTarget(event);
  1700. that.input.value = Vcity.regExChiese.exec(target.innerHTML)[0];
  1701. Vcity._m.addClass('hide',that.ul);
  1702. /* IE6 下拉菜单点击事件 */
  1703. Vcity._m.addClass('hide',that.myIframe);
  1704. });
  1705. Vcity._m.on(lis[i],'mouseover',function(event){
  1706. event = Vcity._m.getEvent(event);
  1707. var target = Vcity._m.getTarget(event);
  1708. Vcity._m.addClass('on',target);
  1709. });
  1710. Vcity._m.on(lis[i],'mouseout',function(event){
  1711. event = Vcity._m.getEvent(event);
  1712. var target = Vcity._m.getTarget(event);
  1713. Vcity._m.removeClass('on',target);
  1714. })
  1715. }
  1716. }
  1717. };
  1718. var test=new Vcity.CitySelector({input:'citySelect'});
  1719. var test2=new Vcity.CitySelector({input:'citySelect1'});
  1720. </script>
  1721. </body>
  1722. </html>