Gecko [ dp-client.com ]

Name	Size	Permission	Action
customscript.js	9.85 KB	-rw-r--r--
jquery-3.6.0.min.js	87.4 KB	-rw-r--r--

Code Editor : customscript.js

jQuery(document).ready(function () {
/*
   var menu = jQuery('.asd-header');
   var menuOffset = menu.offset().top;
   jQuery(window).scroll(function() {
     if ($(window).width() > 992) {
      if (jQuery(window).scrollTop() > 85) {
          menu.addClass('fixed-top');
      } else {
          menu.removeClass('fixed-top');
      }
    }
  });
// jquery validation
  jQuery('.contact-form-asd').submit(function(event){
    event.preventDefault();
    var reason =  jQuery('#reason');
    var name =  jQuery('#name').val();
    var email =  jQuery('#email').val();
    var message =  jQuery('#message').val();
    // Validate fields
    if (!reason || reason == "") {
      jQuery(this).next('.hide').addClass('mystyle');
        return;
    }
    if (name == '') {
      jQuery(this).next('.hide').addClass('mystyle');
        return;
    }
    if (email == '') {
      jQuery(this).next('.hide').addClass('mystyle');
        return;
    }
    if (message == '') {
      jQuery(this).next('.hide').addClass('mystyle');
        return;
    }
    // Form is valid, you can submit it
    //alert('Form submitted successfully!');
});
*/
  // menu
  jQuery(".hamburger").on("click", function () {
    jQuery(this).toggleClass("active-mm");
    jQuery(".asdh_ul").toggleClass("active-mm");
    jQuery("body").toggleClass("overflow-active");
    // return false;
  });

// tab
  jQuery("ul.data-tabs li").on("click", function () {
    let tab_id = $(this).attr("data-tab");
    jQuery("ul.data-tabs li").removeClass("current");
    jQuery(".content_div").removeClass("current");
    jQuery(this).addClass("current");
    jQuery("#" + tab_id).addClass("current");
  });

// faq
  jQuery(".asd_li_faq").click(function () {
    jQuery(this).toggleClass("active");
    jQuery(this).find(".asd_ans").slideToggle();
  });
  jQuery(".asd_ans").not(":first").hide();

// filter
  jQuery(".filter_change").click(function () {
    jQuery(".fl_list").toggleClass("show");
  });

jQuery(".fl_list").on("click", "li", function () {
    var newText = jQuery(this).text();
    jQuery(".filter_label").text(newText);
    jQuery(".fl_list").removeClass("show");
  });

jQuery(".itailor_header_menu").on("click", function () {
    jQuery(".mobile_menu").toggleClass("active-mm");
    jQuery("body").addClass("overflow-active");
    return false;
  });

jQuery(".Menu-cross").on("click", function () {
    jQuery(".mobile_menu").toggleClass("active-mm");
    jQuery("body").removeClass("overflow-active");
    return false;
  });

jQuery(document).on("click", function (event) {
    if (!jQuery(event.target).closest(".mobile_menu").length) {
      jQuery(".mobile_menu ").removeClass("active-mm");
      jQuery("body ").removeClass("overflow-active");
    }
  });

jQuery(".search-button").on("click", function (e) {
    jQuery(this).toggleClass("active");
    jQuery(this).parents(".addmclass").toggleClass("show");
    e.preventDefault();
  });

if (jQuery(window).width() < 992) {
    jQuery(".mobile_menu .css_list_menu.havesub ").on("click", function () {
      jQuery(this).toggleClass("rotate_img");
      jQuery(this).children(".mega_menu").slideToggle();
    });
  }

// dmtop
  jQuery(".dm_css_black .close_icon").on("click", function () {
    jQuery(this).parents(".dm_css_black").slideUp();
  });

// owl 
  if (jQuery(".any1").length > 0) {
    jQuery(".slide-track").owlCarousel({
      center: true,
      items: 8,
      loop: true,
      margin: 75,
      nav: false,
      dots: false,
      autoplay: true,
      slideTransition: "linear",
      autoplayTimeout: 6000,
      autoplaySpeed: 6000,
      autoplayHoverPause: true,
      responsive: {
        0: {
          items: 3,
        },
        600: {
          items: 5,
        },
        1000: {
          items: 8,
        },
      },
    });
  }
  //
  if (jQuery(".any1").length > 0) {
    jQuery(".four-items").owlCarousel({
      items: 4,
      loop: false,
      nav: true,
      margin: 25,
      autoplay: false,
      dots: false,
      responsiveClass: true,
      nav: true,
      navText: [
        '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_343_161)"> <rect width="40" height="40" transform="translate(44 44) rotate(-180)" fill="#FFFFFF"/> <path d="M20.1613 23.9999L29 32.8387L27.2325 34.6062L16.625 23.9999L27.2313 13.3937L29 15.1612L20.1613 23.9999Z" fill="#000000"/> </g> <defs> <filter id="filter0_d_343_161" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset/> <feGaussianBlur stdDeviation="2"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_343_161"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_343_161" result="shape"/> </filter> </defs> </svg>',
        '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_343_175)"> <rect width="40" height="40" transform="translate(4 4)" fill="#FFFFFF"/> <path d="M27.8387 24L19 15.1613L20.7675 13.3938L31.375 24L20.7687 34.6063L19 32.8388L27.8387 24Z" fill="#000000"/> </g> <defs> <filter id="filter0_d_343_175" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset/> <feGaussianBlur stdDeviation="2"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_343_175"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_343_175" result="shape"/> </filter> </defs> </svg>',
      ],

responsive: {
        0: {
          items: 1,
        },
        767: {
          items: 2,
        },

1024: {
          items: 3,
        },
      },
    });
  }

if (jQuery(".any1").length > 0) {
    jQuery(".any1").owlCarousel({
      loop: false,
      startPosition: 1,
      margin: 75,
      nav: true,
      dots: false,
      navText: [
        '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" rx="2" fill="#ECECEC"/> <path d="M23.2017 16.6715C23.307 16.7769 23.3662 16.9199 23.3662 17.069C23.3662 17.218 23.307 17.361 23.2017 17.4665L17.4126 23.2565L32.5542 23.2565C32.7034 23.2565 32.8465 23.3157 32.9519 23.4212C33.0574 23.5267 33.1167 23.6698 33.1167 23.819C33.1167 23.9681 33.0574 24.1112 32.9519 24.2167C32.8465 24.3222 32.7034 24.3815 32.5542 24.3815L17.4126 24.3815L23.2017 30.1715C23.3011 30.2781 23.3551 30.4191 23.3526 30.5649C23.35 30.7106 23.291 30.8496 23.1879 30.9527C23.0848 31.0557 22.9458 31.1148 22.8001 31.1173C22.6544 31.1199 22.5133 31.0658 22.4067 30.9665L15.6567 24.2165C15.5514 24.111 15.4922 23.968 15.4922 23.819C15.4922 23.6699 15.5514 23.5269 15.6567 23.4215L22.4067 16.6715C22.5122 16.5661 22.6551 16.507 22.8042 16.507C22.9533 16.507 23.0962 16.5661 23.2017 16.6715Z" fill="#B0B0B0"/> </svg>',
        '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="48" y="48" width="48" height="48" rx="2" transform="rotate(-180 48 48)" fill="#ECECEC"/> <path d="M24.7983 31.3285C24.693 31.2231 24.6338 31.0801 24.6338 30.931C24.6338 30.782 24.693 30.639 24.7983 30.5335L30.5874 24.7435L15.4458 24.7435C15.2966 24.7435 15.1535 24.6843 15.0481 24.5788C14.9426 24.4733 14.8833 24.3302 14.8833 24.181C14.8833 24.0319 14.9426 23.8888 15.0481 23.7833C15.1535 23.6778 15.2966 23.6185 15.4458 23.6185L30.5874 23.6185L24.7983 17.8285C24.6989 17.7219 24.6449 17.5809 24.6474 17.4351C24.65 17.2894 24.709 17.1504 24.8121 17.0473C24.9152 16.9443 25.0542 16.8852 25.1999 16.8827C25.3456 16.8801 25.4867 16.9342 25.5933 17.0335L32.3433 23.7835C32.4486 23.889 32.5078 24.032 32.5078 24.181C32.5078 24.3301 32.4486 24.4731 32.3433 24.5785L25.5933 31.3285C25.4878 31.4339 25.3449 31.493 25.1958 31.493C25.0467 31.493 24.9038 31.4339 24.7983 31.3285Z" fill="white"/> </svg>',
      ],
      responsive: {
        0: {
          items: 1,
          nav: false,
          margin: 15,
          navText: false,
          stagePadding: 50,
        },
        600: {
          items: 1,
          nav: false,
          margin: 15,
          navText: false,
          stagePadding: 50,
        },
        1000: {
          items: 1,
          stagePadding: 100,
        },
        1260: {
          items: 1,
          stagePadding: 300,
        },
      },
    });
  }
});

// val
document.querySelector(".contact-form-asd").addEventListener("submit", function (event) {
    event.preventDefault();
    const reason = document.getElementById("reason");
    const name = document.getElementById("name");
    const email = document.getElementById("email");
    const message = document.getElementById("message");

if (reason && reason.value == "") {
      reason.nextElementSibling.classList.add("mystyle");
      return;
    } else {
      reason.nextElementSibling.classList.remove("mystyle");
    }

if (name.value == "") {
      name.nextElementSibling.classList.add("mystyle");
      return;
    } else {
      name.nextElementSibling.classList.remove("mystyle");
    }

if (email.value == "") {
      email.nextElementSibling.classList.add("mystyle");
      return;
    } else {
      email.nextElementSibling.classList.remove("mystyle");
    }

if (message.value == "") {
      message.nextElementSibling.classList.add("mystyle");
      return;
    } else {
      message.nextElementSibling.classList.remove("mystyle");
    }
  });

${this.title}

Code Editor : customscript.js