Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

fix (скрол блок, маска, тел. поиск, прин согл.)

Browse Source
This commit is contained in:
Kirill Pet
2024-12-20 13:57:31 +03:00
parent d7f32deadf
commit 7983a28c7a
3 changed files with 48 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/css/gp-style-tablet.css
View File

@@ -626,6 +626,9 @@ main{
.form__checkbox-block{
align-items: start;
}
.free .title-1{
text-align: center;
}
}
/* reviews */

36
assets/js/main.js
View File

@@ -48,7 +48,7 @@ const projectsSwiper = new Swiper('.projects-swiper', {
spaceBetween: 24,
},
996: {
slidesPerView: 1
slidesPerView: 10
},
},
// Navigation arrows
@@ -251,6 +251,40 @@ itemModels.forEach(item => {
})
// open-modal end
// masks
let phoneInputs = document.querySelectorAll('.input__field[type=phone]');
phoneInputs.forEach(phoneInput => {
phoneInput.onfocus = function (event) {
let value = phoneInput.value;
if (value.length == 0) {
phoneInput.value += '+7 '
}
}
phoneInput.addEventListener('input', function(event) {
let value = phoneInput.value,
data = event.data,
length = value.length;
if (value.charAt(0) == '+' && length == 1) return;
if (isNaN(data)) {
phoneInput.value = data.slice(0, -1)
}
if (typeof data != 'object') {
if (length == 6 || length == 10) {
phoneInput.value = value + ' ';
}
}
});
})
// resize
window.addEventListener('resize', () => {
let screenWidth = window.screen.width;

20
index.html
View File

@@ -278,7 +278,7 @@
<div class="phone-search__content">
<input type="text" class="phone-search__input" placeholder="Поиск">
<div class="phone-search__found">
<div class="phone-search__found active">
<!-- <p class="text-1">
К сожалению, по вашему запросу ничего не найдено
</p> -->
@@ -678,7 +678,7 @@
</div>
<div class="form__item form__item--two">
<div class="input__block">
<input class="input__field" type="phone" name="Имя" minlength="2" placeholder="" required>
<input class="input__field" type="phone" pattern="+7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" name="Имя" minlength="15" maxlength="15" placeholder="" required>
<label class="input__label">Телефон</label>
<span class="input__error">Телефон введен не верно</span>
</div>
@@ -693,9 +693,9 @@
<div class="form__additional">
<input type="file" id="free__file">
<label for="free__file" class="form__file">
<button href="#" class="btn-social form__mini-btn">
<div href="#" class="btn-social form__mini-btn">
<img src="/assets/img/icon/paper-clip.svg" alt="">
</button>
</div>
<p class="form-additional__text text-3">Загрузить свой проект на просчет</p>
</label>
</div>
@@ -1124,17 +1124,17 @@
<div class="form__additional">
<input type="file" id="free__file">
<label for="free__file" class="form__file">
<button href="#" class="btn-social form__mini-btn">
<div href="#" class="btn-social form__mini-btn">
<img src="/assets/img/icon/paper-clip.svg" alt="">
</button>
</div>
<p class="form-additional__text text-3">Загрузить свой проект на просчет</p>
</label>
</div>
<div class="form__additional">
<label for="free__agreement" class="form__checkbox-block">
<input type="checkbox" id="free__agreement" class="form__checkbox" required="">
<label for="free__agreement-1" class="form__checkbox-block">
<input type="checkbox" id="free__agreement-1" class="form__checkbox" required="">
<div class="form-checkbox__square"></div>
<p class="form-additional__text text-3">
Я принимаю<br>
@@ -1182,8 +1182,8 @@
</div>
<div class="form__additional">
<label for="free__agreement" class="form__checkbox-block">
<input type="checkbox" id="free__agreement" class="form__checkbox" required="">
<label for="free__agreement-2" class="form__checkbox-block">
<input type="checkbox" id="free__agreement-2" class="form__checkbox" required="">
<div class="form-checkbox__square"></div>
<p class="form-additional__text text-3">
Я принимаю<br>