You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

m_jnk.js 7.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352
  1. function scroll_rt2_3(o){
  2. var rooms_scroll = $(".rooms_dir_full")
  3. var room_tiles = rooms_scroll.children(".room_span")
  4. var bcr
  5. var bcr_rooms
  6. var rooms_dir = $(".rooms_dir")
  7. // rooms_scroll
  8. bcr_rooms = rooms_dir[0].getBoundingClientRect()
  9. clog("~~~",bcr_rooms)
  10. var v_last
  11. var r,l
  12. var r_,l_,r_2,l_2
  13. var r2,l2
  14. $(".nxt").removeClass("nxt")
  15. $(".nxt0").removeClass("nxt0")
  16. $(".nxt1").removeClass("nxt1")
  17. $(".nxt2").removeClass("nxt2")
  18. $(".nxt3").removeClass("nxt3")
  19. for (v of room_tiles){
  20. bcr = v.getBoundingClientRect()
  21. // clog("...",bcr.left - bcr_rooms.left,bcr)
  22. // clog("...",bcr_rooms.left - bcr.left ,bcr)
  23. // clog("...",bcr_rooms.right - bcr.right,bcr_rooms.left - bcr.left ,bcr)
  24. r = bcr_rooms.right - bcr.right
  25. // l = bcr_rooms.left - bcr.left
  26. l = bcr.left- bcr_rooms.left
  27. l_ =bcr.right- bcr_rooms.left
  28. r_ = bcr_rooms.right - bcr.left
  29. // l_ = bcr_rooms.left - bcr.right
  30. if ((r_ > 0 ) != ((r_2 > 0)) && (r_2 != undefined)){
  31. // clog(":::",r,r2)
  32. $(v).addClass("nxt0")
  33. // if ($(o.that).hasClass("right")){
  34. clog("z")
  35. // }
  36. }
  37. if ((r < 0 ) != ((r2 < 0)) && (r2 != undefined)){
  38. clog(":::",r,r2)
  39. $(v).addClass("nxt1")
  40. if ($(o.that).hasClass("right")){
  41. $(v).addClass("nxt")
  42. clog("z")
  43. }
  44. }
  45. // if (l < 0 && !(l2 < 0) ){
  46. if ((l < 0) != ((l2 < 0)) && (l2 != undefined)){
  47. // clog(":::2",l,l2)
  48. $(v).addClass("nxt2")
  49. if ($(o.that).hasClass("left")){
  50. // clog("z2")
  51. $(v).addClass("nxt")
  52. }
  53. }
  54. if ((l_ < 0) != ((l_2 < 0)) && (l_2 != undefined)){
  55. // clog(":::2",l,l2)
  56. $(v).addClass("nxt3")
  57. }
  58. r2 = r
  59. l2 = l
  60. r_2 = r_
  61. l_2 = l_
  62. clog("...",bcr_rooms.right - bcr.right,bcr_rooms.left - bcr.left ,v)
  63. v_last = v
  64. }
  65. // var bcr
  66. }
  67. function scroll_rt2_(o){
  68. var rooms_scroll = $(".rooms_dir_full")
  69. var room_tiles = rooms_scroll.children(".room_span")
  70. var bcr
  71. var bcr_rooms
  72. var rooms_dir = $(".rooms_dir")
  73. // rooms_scroll
  74. bcr_rooms = rooms_dir[0].getBoundingClientRect()
  75. clog("~~~",bcr_rooms)
  76. var v_last
  77. var r,l
  78. var r_,l_,r_2,l_2
  79. var r2,l2
  80. $(".nxt").removeClass("nxt")
  81. $(".nxt0").removeClass("nxt0")
  82. $(".nxt1").removeClass("nxt1")
  83. $(".nxt2").removeClass("nxt2")
  84. $(".nxt3").removeClass("nxt3")
  85. for (v of room_tiles){
  86. bcr = v.getBoundingClientRect()
  87. // clog("...",bcr.left - bcr_rooms.left,bcr)
  88. // clog("...",bcr_rooms.left - bcr.left ,bcr)
  89. // clog("...",bcr_rooms.right - bcr.right,bcr_rooms.left - bcr.left ,bcr)
  90. r = bcr_rooms.right - bcr.right
  91. l = bcr_rooms.left - bcr.left
  92. r_ = bcr_rooms.right - bcr.left
  93. l_ = bcr_rooms.left - bcr.right
  94. if ((r_ > 0 ) != ((r_2 > 0)) && (r_2 != undefined)){
  95. // clog(":::",r,r2)
  96. $(v).addClass("nxt0")
  97. // if ($(o.that).hasClass("right")){
  98. clog("z")
  99. // }
  100. }
  101. if ((r < 0 ) != ((r2 < 0)) && (r2 != undefined)){
  102. clog(":::",r,r2)
  103. $(v).addClass("nxt1")
  104. if ($(o.that).hasClass("right")){
  105. $(v).addClass("nxt")
  106. clog("z")
  107. }
  108. }
  109. // if (l < 0 && !(l2 < 0) ){
  110. if ((l < 0) != ((l2 < 0)) && (l2 != undefined)){
  111. // clog(":::2",l,l2)
  112. $(v).addClass("nxt2")
  113. if ($(o.that).hasClass("left")){
  114. // clog("z2")
  115. $(v).addClass("nxt")
  116. }
  117. }
  118. if ((l_ < 0) != ((l_2 < 0)) && (l_2 != undefined)){
  119. // clog(":::2",l,l2)
  120. $(v).addClass("nxt3")
  121. }
  122. r2 = r
  123. l2 = l
  124. r_2 = r_
  125. l_2 = l_
  126. clog("...",bcr_rooms.right - bcr.right,bcr_rooms.left - bcr.left ,v)
  127. v_last = v
  128. }
  129. // var bcr
  130. }
  131. function scroll_rt2(o){
  132. var rooms_scroll = $(".rooms_dir_full")
  133. var room_tiles = rooms_scroll.children(".room_span")
  134. var bcr
  135. var bcr_rooms
  136. var rooms_dir = $(".rooms_dir")
  137. // rooms_scroll
  138. bcr_rooms = rooms_dir[0].getBoundingClientRect()
  139. clog("~~~",bcr_rooms)
  140. var v_last
  141. var r,l
  142. var r_,l_,r_2,l_2
  143. var c,c2,cr,cl,cr2,cl2
  144. var r2,l2
  145. var cr_n,cr_p,cl_n,cl_p
  146. var cr_nn,cr_pn,cl_nn,cl_pn
  147. cr_n = -Infinity
  148. cl_n = -Infinity
  149. cr_p = Infinity
  150. cl_p = Infinity
  151. cr_nn = ""
  152. cl_nn = ""
  153. cr_pn = ""
  154. cl_pn = ""
  155. $(".nxt").removeClass("nxt")
  156. $(".nxt_x").removeClass("nxt_x")
  157. $(".nxt0").removeClass("nxt0")
  158. $(".nxt1").removeClass("nxt1")
  159. $(".nxt2").removeClass("nxt2")
  160. $(".nxt3").removeClass("nxt3")
  161. for (v of room_tiles){
  162. bcr = v.getBoundingClientRect()
  163. // clog("...",bcr.left - bcr_rooms.left,bcr)
  164. // clog("...",bcr_rooms.left - bcr.left ,bcr)
  165. // clog("...",bcr_rooms.right - bcr.right,bcr_rooms.left - bcr.left ,bcr)
  166. r = bcr_rooms.right - bcr.right
  167. l = bcr_rooms.left - bcr.left
  168. r_ = bcr_rooms.right - bcr.left
  169. l_ = bcr_rooms.left - bcr.right
  170. c = (bcr.right + bcr.left) / 2
  171. cr = bcr_rooms.right - c
  172. cl = bcr_rooms.left - c
  173. cl = c - bcr_rooms.left
  174. if (cr < 0){
  175. cr_n = Math.max(cr_n,cr)
  176. cr_n == cr ? cr_nn = v : 0
  177. } else {
  178. cr_p = Math.min(cr_p,cr)
  179. cr_p == cr ? cr_pn = v : 0
  180. }
  181. if (cl < 0){
  182. cl_n = Math.max(cl_n,cl)
  183. cl_n == cl ? cl_nn = v : 0
  184. } else {
  185. cl_p = Math.min(cl_p,cl)
  186. cl_p == cl ? cl_pn = v : 0
  187. }
  188. /*
  189. if ((r_ > 0 ) != ((r_2 > 0)) && (r_2 != undefined)){
  190. // clog(":::",r,r2)
  191. $(v).addClass("nxt0")
  192. // if ($(o.that).hasClass("right")){
  193. clog("z")
  194. // }
  195. }
  196. if ((r < 0 ) != ((r2 < 0)) && (r2 != undefined)){
  197. clog(":::",r,r2)
  198. $(v).addClass("nxt1")
  199. if ($(o.that).hasClass("right")){
  200. $(v).addClass("nxt")
  201. clog("z")
  202. }
  203. }
  204. // if (l < 0 && !(l2 < 0) ){
  205. if ((l < 0) != ((l2 < 0)) && (l2 != undefined)){
  206. // clog(":::2",l,l2)
  207. $(v).addClass("nxt2")
  208. if ($(o.that).hasClass("left")){
  209. // clog("z2")
  210. $(v).addClass("nxt")
  211. }
  212. }
  213. if ((l_ < 0) != ((l_2 < 0)) && (l_2 != undefined)){
  214. // clog(":::2",l,l2)
  215. $(v).addClass("nxt3")
  216. }
  217. */
  218. r2 = r
  219. l2 = l
  220. r_2 = r_
  221. l_2 = l_
  222. c2 = c
  223. cr2 = cr
  224. cl2 = cl
  225. clog("...",bcr_rooms.right - bcr.right,bcr_rooms.left - bcr.left ,v)
  226. v_last = v
  227. }
  228. // $(cr_nn).addClass("nxt0")
  229. // $(cl_nn).addClass("nxt1")
  230. var scroll_n = ""
  231. if ($(o.that).hasClass("right")){
  232. if (cr_nn){
  233. scroll_n = cr_nn
  234. } else {
  235. scroll_n = cr_np
  236. }
  237. } else if ($(o.that).hasClass("left")){
  238. if (cl_nn){
  239. scroll_n = cl_nn
  240. } else {
  241. scroll_n = cl_np
  242. }
  243. }
  244. if (scroll_n){
  245. scroll_n.scrollIntoView({ behavior: 'smooth', block: 'nearest' ,inline:"nearest"})
  246. $(scroll_n).addClass("nxt_x")
  247. }
  248. // $(cr_pn).addClass("nxt2")
  249. // $(cl_pn).addClass("nxt3")
  250. clog("zzzzz",{
  251. cr_nn,
  252. cl_nn,
  253. cr_pn,
  254. cl_pn,
  255. cr_n,
  256. cl_n,
  257. cr_p,
  258. cl_p,
  259. })
  260. // var bcr
  261. }