JAVASCRIPT   18

functions.js

Guest on 6th August 2021 06:39:05 PM

  1. /* ==============================================
  2. Preload
  3. =============================================== */
  4. $(window).load(function() { // makes sure the whole site is loaded
  5. 'use strict';
  6.     $('[data-loader="circle-side"]').fadeOut(); // will first fade out the loading animation
  7.     $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
  8.     $('body').delay(350).css({'overflow':'visible'});
  9.     $(window).scroll();
  10. });
  11.  
  12. /* ==============================================
  13. Sticky nav
  14. =============================================== */
  15. $(window).scroll(function(){
  16. 'use strict';
  17.     if($(this).scrollTop() > 1){
  18.         $('header').addClass("sticky");
  19.     }
  20.     else{
  21.         $('header').removeClass("sticky");
  22.     }
  23. });
  24.  
  25. /* ==============================================
  26. Menu
  27. =============================================== */
  28. $('a.open_close').on("click",function() {
  29.         'use strict';
  30.         $('.main-menu').toggleClass('show');
  31.         $('.layer').toggleClass('layer-is-visible');
  32. });
  33. $('a.show-submenu').on("click",function() {
  34.         'use strict';
  35.         $(this).next().toggleClass("show_normal");
  36. });
  37. $('a.show-submenu-mega').on("click",function() {
  38.         'use strict';
  39.         $(this).next().toggleClass("show_mega");
  40. });
  41. if($(window).width() <= 480){
  42.         $('a.open_close').on("click",function() {
  43.         'use strict';
  44.         $('.cmn-toggle-switch').removeClass('active');
  45. });
  46. }
  47. /* ==============================================
  48. Common
  49. =============================================== */
  50. /* Tooltip*/
  51. $('.tooltip-1').tooltip({html:true});
  52.        
  53. /* Accordion*/
  54. function toggleChevron(e) {
  55.         'use strict';
  56.     $(e.target)
  57.         .prev('.panel-heading')
  58.         .find("i.indicator")
  59.         .toggleClass('icon_set_1_icon-11 icon_set_1_icon-10');
  60. }
  61. $('.panel-group').on('hidden.bs.collapse shown.bs.collapse', toggleChevron);
  62.  
  63. /* Animation on scroll */
  64. new WOW().init();
  65.  
  66. /* ==============================================
  67. Video modal dialog + Parallax + Scroll to top + Incrementer
  68. =============================================== */
  69. $(function () {
  70. 'use strict';
  71. $('.video').magnificPopup({type:'iframe'});     /* video modal*/
  72. $('.parallax-window').parallax({}); /* Parallax modal*/
  73.  
  74. // Image popups
  75. $('.magnific-gallery').each(function() {
  76.         'use strict';
  77.     $(this).magnificPopup({
  78.         delegate: 'a',
  79.         type: 'image',
  80.         gallery:{enabled:true}
  81.     });
  82. });
  83.  
  84. /* Hamburger icon*/
  85. var toggles = document.querySelectorAll(".cmn-toggle-switch");
  86.   for (var i = toggles.length - 1; i >= 0; i--) {
  87.     var toggle = toggles[i];
  88.     toggleHandler(toggle);
  89.   };
  90.  
  91.   function toggleHandler(toggle) {
  92.     toggle.addEventListener( "click", function(e) {
  93.       e.preventDefault();
  94.       (this.classList.contains("active") === true) ? this.classList.remove("active") : this.classList.add("active");
  95.     });
  96.   };
  97.  
  98.   /* Scroll to top*/
  99.   $(window).scroll(function() {
  100.                 if($(this).scrollTop() != 0) {
  101.                         $('#toTop').fadeIn();  
  102.                 } else {
  103.                         $('#toTop').fadeOut();
  104.                 }
  105.         });
  106.         $('#toTop').on("click",function() {
  107.                 $('body,html').animate({scrollTop:0},500);
  108.         });    
  109.         /* Menu Language SelectBox*/
  110.         //selectBox ���� �ݱ�
  111. ½ �ݱ�
  112.                 $(').on('ectBoxWrapper').on('click',function(event){
  113.                         event.stopPropagation();
  114.                         $('.mySelectBoxInner').addClass('dp_no');
  115.                         if($(this).find('.mySelectBoxInner').hasClass('dp_no')){
  116.                                 $(this).find('.mySelectBoxInner').removeClass('dp_no');
  117.                         }else{
  118.                                 $(this).find('.mySelectBoxInner').addClass('dp_no/*body click �� ����*/¿½ï¿½ ����*/
  119.                 $('body').on('click',function(){
  120.                $('.mySelectBoxInner')./* Quantity input*/           }// This button will increment the value
  121.  This button will increment the value
  122.     $('.qtypl// Stop acting like a button
  123.  
  124.         // Stop acting like a butto// Get the field name
  125. ault();
  126.         // Get the field name
  127.         fiel// Get its current value
  128. e');
  129.         // Get its current value
  130.         var currentVal = parseInt($('input[nam// If is not undefined
  131. ),10);
  132.         // If is not undefined
  133.         // Increment
  134. rrentVal)) {
  135.             // Increment
  136.             $('input[name='+fieldName+']').val(currentV// Otherwise put a 0 there
  137.            // Otherwise put a 0 there
  138.             $('input[name='+fieldNa// This button will decrement the value till 0
  139. utton will decrement the value till 0
  140.     $(".qtymin// Stop acting like a button
  141.  
  142.         // Stop acting like a butto// Get the field name
  143. ault();
  144.         // Get the field name
  145.         fiel// Get its current value
  146. e');
  147.         // Get its current value
  148.         var currentVal = parseInt($('input[nam// If it isn't undefined or its greater than 0
  149. isn't undefined or its greater than 0
  150.         if (!isNaN(current// Decrement one
  151. l > 0) {
  152.             // Decrement one
  153.             $('input[name='+fieldName+']').val(currentV// Otherwise put a 0 there
  154.            // Otherwise put a 0 there
  155.             $('input[name='+field/* Cat nav onclick active */    });
  156.        
  157. /* Cat nav onclick active */    
  158. $('ul#cat_nav li a').on('click', function(){
  159.         'use strict';
  160.     $('active'nav li a.active').removeClass('active');/* ==============================================
  161. Carousel
  162. =============================================== */=================================== */
  163.   $('.carousel_testimonials').owlCarousel({
  164.     items:1,
  165.     loop:true,
  166.          autoplay:false,
  167.     animateIn: 'flipInX',
  168.          margin:30,
  169.     stagePadding:30,
  170.     smartSpeed:450,
  171.         responsiveClass:true,
  172.     responsive:{
  173.         600:{
  174.             items:1
  175.         },
  176.                  1000:{
  177.             ite

Raw Paste


Login or Register to edit or fork this paste. It's free.