1$(function() { 2 var $w = $(window), 3 $footer = $('footer'), 4 $banner = $('.kakao_link'), 5 offset = 20; // 20px를 ë¹¼ì¤ ê° 6 7 $w.on('scroll', function() { 8 var sT = $w.scrollTop(); 9 var val = $(document).height() - $w.height() - $footer.outerHeight() + offset; 10 11 if (sT >= val) { 12 $banner.addClass('on'); 13 // .kakao_linkì margin-bottom ì¤ì 14 $banner.css('margin-bottom', $footer.outerHeight()); 15 } else { 16 $banner.removeClass('on'); 17 // on í´ëì¤ê° ì ê±°ëë©´ margin-bottom ì´ê¸°í 18 $banner.css('margin-bottom', 0); 19 } 20 }); 21 22 var owl01 = $('.carousel.t1'); 23 var owl02 = $('.carousel.t2'); 24 var owl03 = $('.carousel.t3'); 25 var owl04 = $('.carousel.t4'); 26 var owl05 = $('.carousel.t5'); 27 var owl06 = $('.carousel.t6'); 28 var owl07 = $('.carousel.t7'); 29 var owl08 = $('.carousel.t8'); 30 31 // ë©ì¸ íì ì¬ë¼ì´ë 32 owl01.owlCarousel({ 33 autoplay:true, 34 autoplayTimeout:5000, 35 items:1, 36 responsiveClass:true, 37 nav:false, 38 loop:true 39 }); 40 41 // ë©ì¸ ìë¨ íì 42 owl02.owlCarousel({ 43 autoplay:true, 44 autoplayTimeout:5000, 45 items:1, 46 responsiveClass:true, 47 nav:false, 48 loop:true, 49 onInitialized:counter, //When the plugin has initialized. 50 onTranslated:counter //When the translation of the stage has finished. 51 }); 52 53 // ë©ì¸ ìë¨ íì 54 owl03.owlCarousel({ 55 autoplay:true, 56 autoplayTimeout:5000, 57 items:1, 58 nav:false 59 }); 60 61 // ë©ì¸ íì´ë¡ ë° í°ì¼ ì¬ë¼ì´ë 62 owl04.owlCarousel({ 63 autoplay:true, 64 autoplayTimeout:6000, 65 items:1, 66 responsiveClass:true, 67 nav:false, 68 loop:true, 69 onInitialized:counter, 70 onTranslated:counter 71 }); 72 73 // ë©ì¸ ì¸ê¸°ìí ì¬ë¼ì´ë 74 owl05.owlCarousel({ 75 stagePadding:17, 76 items:1, 77 responsiveClass:true, 78 nav:false, 79 loop:true, 80 margin:-10 81 }); 82 83 // ë©ì¸ í ì¸ìí ì¬ë¼ì´ë 84 owl06.owlCarousel({ 85 items:1, 86 responsiveClass:true, 87 nav:false, 88 loop:true, 89 margin:10 90 }); 91 92 // ë©ì¸ ì¸ê¸°ìµ ì¬ë¼ì´ë 93 owl07.owlCarousel({ 94 stagePadding:-67.5, 95 autoplay:true, 96 autoplayTimeout:5000, 97 items:3, 98 responsiveClass:true, 99 nav:false, 100 loop:true, 101 margin:10 102 }); 103 104 // ìí viewíì´ì§ ìë¨ ì´ë¯¸ì§ ì¬ë¼ì´ë 105 owl08.owlCarousel({ 106 autoplay:false, 107 items:1, 108 nav:false, 109 loop:false, 110 onInitialized:counter, 111 onTranslated:counter 112 }); 113 114 115 new Swiper('.swiper', { 116 slidesPerView:7 117 }); 118 119 function counter(event) { 120 var element = event.target; // DOM element, in this example .owl-carousel 121 var items = ("0" + event.item.count).slice(-2); // Number of items formatted as "04" 122 var item = ("0" + (event.item.index + 1)).slice(-2); // Position of the current item formatted as "04" 123 124 // If loop is true then reset counter from 1 125 if (item > items) { 126 item = ("0" + (item - items)).slice(-2); 127 } 128 129 $(element).parent().find('.owl_counter').html('<span>' + item + '</span> / ' + items); 130 } 131 132 133 document.addEventListener('scroll', function () { 134 var header = document.getElementById('header'); 135 var scrollY = window.scrollY || window.pageYOffset; 136 137 // ì¤í¬ë¡¤ ìì¹ì ë°ë¼ í´ëì¤ í ê¸ 138 if (scrollY > 10) { 139 header.classList.add('on'); 140 } else { 141 header.classList.remove('on'); 142 } 143 }); 144 145 function hnmOpen() { 146 var top_banner = $('.top_banner'); 147 var header = $('#header'); 148 var hnmWrap = $('.hnm_wrap'); 149 var allbody = $('body'); 150 151 // Add 'on' class to .top_banner and 'open' class to both id="header" and class="hnm_wrap" 152 top_banner.addClass('on'); 153 header.addClass('open'); 154 hnmWrap.addClass('open'); 155 allbody.addClass('scroll'); 156 } 157 158 function hnmClose() { 159 var top_banner = $('.top_banner'); 160 var header = $('#header'); 161 var hnmWrap = $('.hnm_wrap'); 162 var allbody = $('body'); 163 164 // Remove 'on' class from .top_banner and 'open' class from both id="header" and class="hnm_wrap" 165 top_banner.removeClass('on'); 166 header.removeClass('open'); 167 hnmWrap.removeClass('open'); 168 allbody.removeClass('scroll'); 169 } 170 171 // ë²í¼ í´ë¦ ì´ë²¤í¸ ë±ë¡ 172 $('.hn_icon.hn_menu_btn').on('click', hnmOpen); 173 $('.hn_close').on('click', hnmClose); 174 175 // header ì¤í¬ë¡¤ ë¤ì´ì on ì¶ê° 176 $(window).on("scroll", function () { 177 var scTop = $(window).scrollTop(); 178 if (scTop > 50) { 179 $("#header").addClass("on"); 180 } else { 181 $("#header").removeClass("on"); 182 } 183 }); 184 185 function tbannerClose() { 186 var topBanner = $('.top_banner'); 187 188 // Add 'close' class to .top_banner 189 topBanner.addClass('close'); 190 } 191 192 // Click event for the button 193 $('.tb_close button').on('click', tbannerClose); 194 195 196 $(document).ready(function() { 197 $('.date_list .swiper .swiper-slide dd').click(function() { 198 // Remove mark class from all dd elements 199 $('.date_list .swiper .swiper-slide dd').removeClass('mark'); 200 201 // Add mark class to the clicked dd element 202 $(this).addClass('mark'); 203 }); 204 }); 205 206 // ì´ê¸° ì¤ì 207 $('.cmn_tab.t1').addClass('on'); 208 $('.btn_new').addClass('active'); 209 210 // ë²í¼ í´ë¦ ì´ë²¤í¸ 211 $('.btn_wrap button').click(function () { 212 // 모ë ë²í¼ìì active í´ëì¤ ì ê±° 213 $('.btn_wrap button').removeClass('active'); 214 // í´ë¦í ë²í¼ì active í´ëì¤ ì¶ê° 215 $(this).addClass('active'); 216 217 // 모ë íìì on í´ëì¤ ì ê±° 218 $('.cmn_tab').removeClass('on');
219 // í´ë¹íë íì on í´ëì¤ ì¶ê° 220 if ($(this).hasClass('btn_new')) { 221 $('.cmn_tab.t1').addClass('on'); 222 } else if ($(this).hasClass('btn_rec')) { 223 $('.cmn_tab.t2').addClass('on'); 224 } 225 }); 226 227 // p를 í´ë¦í ëë§ë¤ on í´ëì¤ë¥¼ í ê¸ 228 $('#footer .f_info > p').click(function () { 229 $(this).toggleClass('on'); 230 }); 231 232 // #navi .hn_menu .hnm_list > li > div > pì í´ë¦í ëë§ë¤ on í´ëì¤ë¥¼ í ê¸ 233 $('#navi .hn_menu .hnm_list > li > div > p').click(function (e) { 234 e.preventDefault(); // 기본 ëìì ë§ì (ì:ë§í¬ë¡ ì´ëíë ëì) 235 236 // í´ë¦í spanì on í´ëì¤ê° ì´ë¯¸ ìì¼ë©´ ì ê±°, ìì¼ë©´ ì¶ê° 237 $(this).parent().parent().toggleClass('on'); 238 239 // ë¤ë¥¸ spanìë on í´ëì¤ ì ê±° 240 $('#navi .hn_menu .hnm_list > li > div > p').not(this).parent().parent().removeClass('on'); 241 }); 242 243 // .main_popup .mp_btn .p_closeì í´ë¦í ëë§ë¤ .main_popupì .close í´ëì¤ë¥¼ ì¶ê° 244 $('.main_popup .mp_btn .p_close').click(function () { 245 $('.main_popup').addClass('close'); 246 }); 247 248 $('.main_popup .mp_btn .p_hide').click(function () { 249 $('.main_popup').addClass('close'); 250 }); 251 252 253 254 function goBack() { 255 window.history.back(); 256 } 257 258 // "ì´ì ì¼ë¡" ë²í¼ í´ë¦ ì goBack í¨ì í¸ì¶ 259 $('.btn_prev').on('click', goBack); 260 261 262 263 // ë²í¼ í´ë¦ ì ìµìë¨ì¼ë¡ ë¶ëë½ê² ì¤í¬ë¡¤ 264 $('#btn_top').on('click', function() { 265 $('html, body').animate({scrollTop:0}, 'slow'); 266 }); 267 268 269 // btn_search í´ë¦ì ê²ì íì close ì ê±°, sp_close í´ë¦ì close ì¶ê° 270 $(document).ready(function() { 271 $(".btn_search").click(function() { 272 $(".search_popup").removeClass("close"); 273 }); 274 275 // .sp_close í´ë¦ ì 276 $(".search_popup .sp_close").click(function() { 277 $(".search_popup").addClass("close"); 278 }); 279 280 281 // ì ë ¬(ìµê·¼ ë±ë¡ì) ë²í¼ í´ë¦ ì 282 $(".bs_btn.item_sort").click(function() { 283 $(".bottom_sheet").addClass("open"); 284 }); 285 286 // 구매 ë²í¼ í´ë¦ ì 287 $(".btn_purchase.fool_btn").click(function() { 288 // bottom_sheetì open í´ëì¤ë¥¼ ì¶ê°íì¬ ë³´ì´ëë¡ í¨ 289 $(".bottom_sheet").addClass("open"); 290 // 구매 ë²í¼ì ì ë³´ì´ê² í¨ 291 $(".btn_purchase.fool_btn").hide(); 292 $(".half_btn").show(); 293 }); 294 295 if($(".bottom_sheet").hasClass("open")) { 296 } else { 297 $(".half_btn").hide(); 298 $(".btn_purchase.fool_btn").show(); 299 } 300 }); 301 302 // bottom_sheetì input[name="sortType"] ì íì open ì ê±°íì¬ ë«ê¸° 303 $('input[name="sortType"]').change(function() { 304 var selectedText = $(this).val(); 305 306 if(selectedText == 4) { 307 $('.bs_btn').html('ìµê·¼ ë±ë¡ì<i></i>'); 308 } else if (selectedText == 2) { 309 $('.bs_btn').html('ë®ì ê°ê²©ì<i></i>'); 310 } else if (selectedText == 3) { 311 $('.bs_btn').html('ëì ê°ê²©ì<i></i>'); 312 } else if (selectedText == 5) { 313 $('.bs_btn').html('ì¸ê¸° ìíì<i></i>'); 314 } 315 $('.bottom_sheet').removeClass('open'); 316 $('body').css('overflow', 'auto'); 317 }); 318 319 // bottom_sheet close ë²í¼ í´ë¦ì bottom_sheetìì open í´ëì¤ ì ê±° 320/* 321 $('#contents .bottom_sheet .bottom_sheet_title , #contents .bottom_sheet .bs_close').click(function() { 322 $('.bottom_sheet').removeClass('open'); 323 $('body').css('overflow', 'auto'); 324 }); 325 326 // bottom_sheet close ë²í¼ í´ë¦ì bottom_sheetìì open í´ëì¤ ì ê±° 327 $('#contents .bottom_sheet .bottom_sheet_title , #contents .bottom_sheet .bs_close_option').click(function() { 328 $('.bottom_sheet').removeClass('open'); 329 $('body').css('overflow', 'auto'); 330 $(".half_btn").hide(); 331 $(".btn_purchase.fool_btn").show(); 332 }); 333*/ 334 $('.bottom_sheet').on('click', function(e) { 335 var bottomSheetWrap = $(this).find('.bottom_sheet_wrap'); 336 337 // If bottom_sheet is open and clicked element is not within bottom_sheet_wrap 338 if ($(this).hasClass('open') && !bottomSheetWrap.is(e.target) && bottomSheetWrap.has(e.target).length === 0) { 339 // Perform desired actions here 340 // For example: 341 $(this).removeClass('open'); 342 $('body').css('overflow', 'auto'); 343 $(".half_btn").hide(); 344 $(".btn_purchase.fool_btn").show(); 345 } 346 }); 347 348 349
350 // dropdown ë²í¼ í´ë¦ì dropdownì í´ëì¤ "on" ì¶ê° 351 $('.dropdown .dropbtn').click(function() { 352 const dropdown = $(this).parent(); 353 dropdown.toggleClass('on'); 354 }); 355 356 // í ë²í¼ í´ë¦ì í ë´ì© íì 357 $('.simpletab_btn').click(function() { 358 const tabId = $(this).data('tab'); 359 360 // 모ë í ë²í¼ê³¼ í 컨í ì¸ ì¨ê¸°ê¸° 361 $('.simpletab_btn').removeClass('on'); 362 $('.simpletab_content').removeClass('on'); 363 364 // í´ë¦ë í ë²í¼ íì±í ë° í´ë¹ í 컨í ì¸ íì 365 $(this).addClass('on'); 366 $('#' + tabId).addClass('on'); 367 }); 368 369 370 // input ìì를 ê°ì ¸ì´ 371 var inputElements = document.querySelectorAll('.myinput'); 372 373 // 모ë input ììì ëí´ ë°ë³µ 374 inputElements.forEach(function(inputElement) { 375 // input ììì input ì´ë²¤í¸ 리ì¤ë를 ì¶ê° 376 inputElement.addEventListener('input', function() { 377 // ì ë ¥ê°ì´ ë¹ì´ìëì§ íì¸ 378 if (inputElement.value.trim() === '') { 379 // ì ë ¥ê°ì´ ë¹ì´ìë¤ë©´ ë°°ê²½ìì í°ì(#fff)ì¼ë¡ ë³ê²½ 380 inputElement.style.backgroundColor = '#fff'; 381 } else { 382 // ì ë ¥ê°ì´ ìë¤ë©´ ë°°ê²½ìì íì(#F6F6F6)ì¼ë¡ ë³ê²½ 383 inputElement.style.backgroundColor = '#F6F6F6'; 384 } 385 }); 386 }); 387 388 $('.halftab_btn').click(function() { 389 const tabId = $(this).data('tab'); 390 391 $('.halftab_btn').removeClass('on'); 392 $('.halftab_content').removeClass('on'); 393 394 $(this).addClass('on'); 395 $('#' + tabId).addClass('on'); 396 }); 397}); 398
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.