main.js 3.7 KB

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