Skip to content

Commit 1c824a1

Browse files
kberezakbereza
committed
Added age modal
1 parent 5e4292c commit 1c824a1

File tree

2 files changed

+101
-33
lines changed

2 files changed

+101
-33
lines changed

‎faq.html

Lines changed: 63 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -250,32 +250,72 @@ <h4>это маркетинговый сайт</h4>
250250
</div>
251251
</footer>
252252

253-
<!-- Modal owner -->
254-
<div class="modal fade modal_orange" id="owner" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
253+
<!-- Modal -->
254+
<div class="modal fade modal_orange" id="ageChange" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
255255
<div class="modal-dialog modal-none-boxes" role="document">
256256
<div class="modal-content">
257-
<div class="modal-header">
258-
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ico ico-close-black"></i></span></button>
257+
<div class="modal-body">
258+
<div class="social__auth">
259+
<div class="social__title">Введите дату рождения</div>
260+
</div>
261+
262+
<div class="modal_form">
263+
<form action="javascript:void(0);" class="form-horizontal">
264+
<fieldset>
265+
266+
<div class="form-group">
267+
<label>Дата рождения</label>
268+
<div class="row birthday__select">
269+
270+
<div class="col-sm-3">
271+
<input type="text" class="form-control text-center" required>
272+
</div>
273+
<div class="col-sm-6">
274+
<div class="select-style">
275+
<select name="" id="" class="form-control" required>
276+
<option value="1" selected>Сентябрь</option>
277+
<option value="2">Октябрь</option>
278+
<option value="3">Ноябрь</option>
279+
<option value="29">Декабрь</option>
280+
</select>
281+
</div>
282+
</div>
283+
<div class="col-sm-3">
284+
<input type="text" class="form-control text-center" id="years" required>
285+
</div>
286+
</div>
287+
</div>
288+
289+
<div class="row modal__form-submit text-center">
290+
<button class="btn btn-lg btn-red">Войти</button>
291+
</div>
292+
293+
</fieldset>
294+
</form>
295+
</div>
259296
</div>
297+
</div>
298+
</div>
299+
</div>
300+
301+
<!-- Modal owner -->
302+
<div class="modal fade modal_orange" id="ageChangeError" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
303+
<div class="modal-dialog modal-none-boxes" role="document">
304+
<div class="modal-content">
260305
<div class="modal-body">
261306
<div class="social__auth">
262-
<div class="social__title">Владелец сайта</div>
307+
<div class="social__title"><span>К сожалению, контент сайта не доступен для вас</span></div>
263308
</div>
264309
<div class="modal-content-main">
265-
<p class="contact-data">
266-
<span>ООО "Марс"</span>
267-
<span>Россия, 142800, Московская область, г. Ступино-1</span>
268-
<span>тел. +7 (495) 721-21-21</span>
269-
<span>факс +7 (495) 721-21-20</span>
270-
</p>
310+
<p>Более подробно по ссылке http://www.mars.com/global/about-mars/mars-pia/our-brands/communicating-responsibly/marketing-our-brands-responsibly.aspx</p>
271311
</div>
272312
</div>
273313
</div>
274314
</div>
275315
</div>
276316

277-
<!-- Modal contacts -->
278-
<div class="modal fade modal_orange" id="contacts" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
317+
<!-- Modal owner -->
318+
<div class="modal fade modal_orange" id="owner" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
279319
<div class="modal-dialog modal-none-boxes" role="document">
280320
<div class="modal-content">
281321
<div class="modal-header">
@@ -286,31 +326,32 @@ <h4>это маркетинговый сайт</h4>
286326
<div class="social__title">Владелец сайта</div>
287327
</div>
288328
<div class="modal-content-main">
289-
<p>Обратная связь с потребителем очень важна для нас. Если вам не удалось найти на этом веб-сайте интересующую вас информацию или у вас есть идеи, с которыми вы хотите поделиться с нами, пожалуйста, сообщите нам.</p>
290-
<p><strong>Отдел по работе с потребителями</strong><br>
291-
Мы с удовольствием ответим на вопросы о нашей продукции и о нашей компании. Пожалуйста, обращайтесь на нашу горячую линию:<br><br>
292-
142800, Россия, Московская область, г. Ступино-1, ООО «Марс»<br>
293-
8 (800) 200-9000 (бесплатно в РФ), 8 (495) 721-21-05<br><a href="mailto:[email protected]">[email protected]</a></p>
329+
<p class="contact-data">
330+
<span>ООО "Марс"</span>
331+
<span>Россия, 142800, Московская область, г. Ступино-1</span>
332+
<span>тел. +7 (495) 721-21-21</span>
333+
<span>факс +7 (495) 721-21-20</span>
334+
</p>
294335
</div>
295336
</div>
296337
</div>
297338
</div>
298339
</div>
299340

300-
<!-- Modal fromparents -->
301-
<div class="modal fade modal_orange" id="fromparents" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
341+
<!-- Modal contacts -->
342+
<div class="modal fade modal_orange" id="contacts" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
302343
<div class="modal-dialog modal-none-boxes" role="document">
303344
<div class="modal-content">
304345
<div class="modal-header">
305346
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ico ico-close-black"></i></span></button>
306347
</div>
307348
<div class="modal-body">
308349
<div class="social__auth">
309-
<div class="social__title">Конфиденциальность</div>
350+
<div class="social__title">Контакты</div>
310351
</div>
311352
<div class="modal-content-main">
312353
<p>Обратная связь с потребителем очень важна для нас. Если вам не удалось найти на этом веб-сайте интересующую вас информацию или у вас есть идеи, с которыми вы хотите поделиться с нами, пожалуйста, сообщите нам.</p>
313-
<p><strong>Отдел по работе с потребителями</strong><br>
354+
<p><strong>Отдел по работе с потребителями</strong><br>
314355
Мы с удовольствием ответим на вопросы о нашей продукции и о нашей компании. Пожалуйста, обращайтесь на нашу горячую линию:<br><br>
315356
142800, Россия, Московская область, г. Ступино-1, ООО «Марс»<br>
316357
8 (800) 200-9000 (бесплатно в РФ), 8 (495) 721-21-05<br><a href="mailto:[email protected]">[email protected]</a></p>

‎js/style.js

Lines changed: 38 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -50,17 +50,44 @@ $(document).ready(function() {
5050
}
5151
jQuery(this).parents('.navigation__wrapper').find('.header-nav').toggleClass('active');
5252
});
53-
if(window.innerHeight > window.innerWidth){
54-
$('.cap').show();
55-
$('#canvas').hide();
53+
if (window.innerHeight > window.innerWidth) {
54+
$('.cap').show();
55+
$('#canvas').hide();
5656
} else {
5757
$('.cap').hide();
5858
$('#canvas').show();
5959
}
60-
var element = $('.ico-scroll');
61-
$(window).scroll(function(){
62-
element['fade'+ ($(this).scrollTop() > 200 ? 'Out': 'In')](500);
63-
});
60+
var element = $('.ico-scroll');
61+
$(window).scroll(function() {
62+
element['fade' + ($(this).scrollTop() > 200 ? 'Out' : 'In')](500);
63+
});
64+
65+
66+
var ageChangeModal = jQuery('#ageChange');
67+
var ageChangeErrorModal = jQuery('#ageChangeError');
68+
69+
ageChangeErrorModal.modal({
70+
keyboard: false,
71+
show: false,
72+
backdrop: 'static',
73+
});
74+
ageChangeModal.modal({
75+
keyboard: false,
76+
backdrop: 'static',
77+
});
78+
79+
80+
ageChangeModal.find('form').on('submit', function(event) {
81+
event.preventDefault();
82+
83+
if ((2015 - jQuery(this).find('#years').val()) >= 12) {
84+
ageChangeModal.modal('hide');
85+
} else {
86+
ageChangeModal.modal('hide').on('hidden.bs.modal', function(e) {
87+
ageChangeErrorModal.modal('show');
88+
});
89+
}
90+
});
6491

6592
});
6693
$(window).load(function() {
@@ -70,11 +97,11 @@ $(window).load(function() {
7097
$(window).resize(function() {
7198
heigFooter = $('footer').outerHeight();
7299
$('body').css('paddingBottom', heigFooter);
73-
if(window.innerHeight > window.innerWidth){
74-
$('.cap').show();
75-
$('#canvas').hide();
100+
if (window.innerHeight > window.innerWidth) {
101+
$('.cap').show();
102+
$('#canvas').hide();
76103
} else {
77104
$('.cap').hide();
78105
$('#canvas').show();
79106
}
80-
});
107+
});

0 commit comments

Comments
 (0)