main.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. function OpenModal(elementid)
  2. {
  3. $('#' + elementid).fadeIn(600);
  4. }
  5. function CloseModal(elementid)
  6. {
  7. $('#' + elementid).fadeOut(600);
  8. }
  9. /// Закрыть окно по клику вне его
  10. $(document).click(function (e) {
  11. const isModal = $(e.target).closest('.modal__body').length;
  12. if (!isModal) {
  13. $(".modal").fadeOut(600);
  14. }
  15. });
  16. function WidgetMenuClick(menu, elementid)
  17. {
  18. //console.log("WidgetMenuClick:" + menu + " elementid: " + elementid);
  19. if (!$(menu).queue().length) {
  20. $('#' + elementid).fadeToggle("fast", "linear");
  21. }
  22. }
  23. $(document).click(function (e) {
  24. const isDropbox = $(e.target).closest('.block__dropbox').length;
  25. if (!isDropbox) {
  26. $(".block__dropbox").fadeOut(200);
  27. }
  28. });
  29. function ScrollToSection(elementid)
  30. {
  31. const scrollTarget = document.getElementById(elementid)
  32. const topOffset = 80
  33. const elementPosition = scrollTarget.getBoundingClientRect().top
  34. const offsetPosition = elementPosition - topOffset
  35. window.scrollBy({
  36. top: offsetPosition,
  37. behavior: 'smooth',
  38. })
  39. }
  40. function InitializeMainSlick() {
  41. $('.main-slider').slick({
  42. dots: true,
  43. arrows: false,
  44. autoplay: true,
  45. autoplaySpeed: 5000,
  46. });
  47. $('.blog-container').slick({
  48. dots: true,
  49. arrows: true,
  50. prevArrow: $('.left__arrows'),
  51. nextArrow: $('.right__arrows'),
  52. appendDots: '.slider-dots'
  53. });
  54. }
  55. function InitializeDesktopSlick() {
  56. $('.slider').slick({
  57. prevArrow: $('.footer-block__left__button'),
  58. nextArrow: $('.footer-block__right__button'),
  59. dots: true
  60. });
  61. }
  62. //function BodyScroll(mode)
  63. //{
  64. // if (!mode)
  65. // $('body').css('overflow', 'hidden');
  66. // else
  67. // $('body').css('overflow', 'auto');
  68. //}
  69. // $(document).mouseup(function (e){
  70. // var div = $(".header-block__span, .third-block__dropbox");
  71. // if (!div.is(e.target)
  72. // && div.has(e.target).length === 0) {
  73. // $(".third-block__dropbox").fadeOut(200);
  74. // $('html').removeClass('no_scroll');
  75. // }
  76. // });
  77. /// Загрузка файлов
  78. //$('.second-block__input__file').change(function(){
  79. // var inputName = $(this).attr('data-files');
  80. // var fileName = $('.js-input-file[data-files="' + inputName + '"]');
  81. // fileName.html($(this)[0].files[0].name);
  82. //});
  83. /// Логика работы модального окна
  84. //$('.js-open-modal').click(function (e) {
  85. // console.log('modal!!!')
  86. // e.preventDefault();
  87. // e.stopPropagation();
  88. // var modalName = $(this).attr('data-modal');
  89. // var modal = $('.modal[data-modal="' + modalName + '"]');
  90. // modal.fadeIn(600);
  91. // $('.modal_close').click(function(e){
  92. // e.preventDefault();
  93. // modal.fadeOut(600);
  94. // })
  95. //});
  96. /// Работа вкладок на рабочем столе
  97. //$('.tab-button').click(function(){
  98. // var tabName = $(this).attr('data-content');
  99. // var tab = $('.second-block__form[data-content="' + tabName + '"]');
  100. // $(this).addClass('active');
  101. // $(".tab-button").not(this).removeClass('active');
  102. // tab.addClass('visible');
  103. // $(".second-block__form").not(tab).removeClass('visible');
  104. //});
  105. //$("#sort_libary").click(function(e) {
  106. // e.preventDefault();
  107. // $(".third-block__dropbox").fadeToggle(200);
  108. //});