main.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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 BodyScroll(mode)
  48. //{
  49. // if (!mode)
  50. // $('body').css('overflow', 'hidden');
  51. // else
  52. // $('body').css('overflow', 'auto');
  53. //}
  54. // $(document).mouseup(function (e){
  55. // var div = $(".header-block__span, .third-block__dropbox");
  56. // if (!div.is(e.target)
  57. // && div.has(e.target).length === 0) {
  58. // $(".third-block__dropbox").fadeOut(200);
  59. // $('html').removeClass('no_scroll');
  60. // }
  61. // });
  62. /// Загрузка файлов
  63. //$('.second-block__input__file').change(function(){
  64. // var inputName = $(this).attr('data-files');
  65. // var fileName = $('.js-input-file[data-files="' + inputName + '"]');
  66. // fileName.html($(this)[0].files[0].name);
  67. //});
  68. ///Slider
  69. //$(document).ready(function(){
  70. // $('.slider').slick({
  71. // prevArrow: $('.footer-block__left__button'),
  72. // nextArrow: $('.footer-block__right__button'),
  73. // dots: true
  74. // });
  75. //});
  76. /// Логика работы модального окна
  77. //$('.js-open-modal').click(function (e) {
  78. // console.log('modal!!!')
  79. // e.preventDefault();
  80. // e.stopPropagation();
  81. // var modalName = $(this).attr('data-modal');
  82. // var modal = $('.modal[data-modal="' + modalName + '"]');
  83. // modal.fadeIn(600);
  84. // $('.modal_close').click(function(e){
  85. // e.preventDefault();
  86. // modal.fadeOut(600);
  87. // })
  88. //});
  89. /// Работа вкладок на рабочем столе
  90. //$('.tab-button').click(function(){
  91. // var tabName = $(this).attr('data-content');
  92. // var tab = $('.second-block__form[data-content="' + tabName + '"]');
  93. // $(this).addClass('active');
  94. // $(".tab-button").not(this).removeClass('active');
  95. // tab.addClass('visible');
  96. // $(".second-block__form").not(tab).removeClass('visible');
  97. //});
  98. //$("#sort_libary").click(function(e) {
  99. // e.preventDefault();
  100. // $(".third-block__dropbox").fadeToggle(200);
  101. //});