You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.7 KiB
103 lines
2.7 KiB
'use strict';
|
|
|
|
// header
|
|
toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false);
|
|
toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white');
|
|
toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white');
|
|
// header
|
|
|
|
|
|
// select
|
|
toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', true);
|
|
|
|
let selects = document.querySelectorAll('.select');
|
|
|
|
selects.forEach(select => {
|
|
let state = select.querySelector('.select__state'),
|
|
content = select.querySelector('.state__block'),
|
|
buttons = select.querySelectorAll('.state__button');
|
|
|
|
buttons.forEach(e => {
|
|
let button = e;
|
|
|
|
e.onclick = function (event) {
|
|
event.preventDefault();
|
|
buttons.forEach(element => {
|
|
if (element.classList.contains('active')) {
|
|
element.classList.remove('active');
|
|
}
|
|
})
|
|
|
|
let text = e.textContent.trim();
|
|
state.value = text;
|
|
|
|
button.classList.add('active');
|
|
content.style.height = 0;
|
|
select.classList.remove('active');
|
|
}
|
|
})
|
|
})
|
|
// select
|
|
|
|
// // counter
|
|
// let counters = document.querySelectorAll('.counter');
|
|
|
|
// counters.forEach(e => {
|
|
// let minus = e.querySelector('.minus'),
|
|
// plus = e.querySelector('.plus'),
|
|
// input = e.querySelector('.counter__input');
|
|
|
|
// minus.onclick = function (e) {
|
|
// e.preventDefault();
|
|
// let number = input.value;
|
|
// if (number >= 2){
|
|
// input.value = Number(number) - 1;
|
|
// }
|
|
// }
|
|
|
|
// plus.onclick = function (e) {
|
|
// e.preventDefault();
|
|
// let number = input.value;
|
|
// if (number <= 99) {
|
|
// input.value = Number(number) + 1;
|
|
// }
|
|
// }
|
|
// })
|
|
// // counter
|
|
|
|
// // checkbox
|
|
// let checkbox = document.querySelectorAll('.checkbox');
|
|
|
|
// checkbox.forEach(e => {
|
|
// e.onclick = function (event) {
|
|
// let input = e.querySelector('.checkbox__input');
|
|
// if (!e.classList.contains('active')) {
|
|
// input.checked = 1;
|
|
// }else{
|
|
// input.checked = 0;
|
|
// }
|
|
// e.classList.toggle('active');
|
|
// }
|
|
// })
|
|
// // checkbox
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (document.querySelector('.header').classList.contains('white')) {
|
|
window.addEventListener("scroll", function (e) {
|
|
let header = document.querySelector('.header');
|
|
let scroll = window.scrollY;
|
|
if (scroll >= 25) {
|
|
header.classList.remove('white')
|
|
}else{
|
|
header.classList.add('white')
|
|
}
|
|
|
|
});
|
|
}
|
|
// scroll
|
|
|
|
|