Здравствуйте, нужно прикрутить готовый скрипт калькулятора, к новому сайту. Верстка готова –
Нужно сделать следующее:
1. При переходе по радио кнопкам нужно сделать чтобы менялся фон с плавным появлением в блоке <section class=«calc» style=«background:url(img/bg-calc-1.jpg)»> (квартира – bg-calc-1.jpg, дом – bg-calc-2.jpg, офис – bg-calc-3.jpg)
2. По умолчанию блок с примерной стоимостью должен быть скрыт (блок <div class="wr-desc-meter">)
3. При передвижении ползунка в поле input(площадь) значение должно меняться как здесь
при изменении площади в инпуте менялось положение ползунка, появлялся блок с примерной стоимостью, также чтобы менялась сумма в блоке примерная стоимость.
4. Поле телефон обязательно для заполнения при неверном вводе номера нужно чтобы background инпута закрашивался цветом – #FFA5A5 и высветился tooltip с сообщением Введите номер телефона, и исчезал через 3 секунды (для демонстрации реализован с помощью section.calc p.meter-phone::after)
5. При успешной отправке формы должно всплывать окно при помощи плагина magnific (он уже подключен)
Использовать следующий код:
$.magnificPopup.open({
items: {
src: '<div class="appl"><p>Спасибо за заявку!</p><p>В ближайшее время мы с Вами свяжемся!</p></div>',
type: 'inline'
}
});
6. В письме должны приходить данные (email: vladimfedot@gmail.com):
Вид объекта – квартира
Площадь – 80 кв/м
Примерная стоимость: 80 000 руб.
Телефон – 7 (922) 222 22 22
Скрипт калькулятора и исходники сайта скину исполнителю.
Указывайте пожалуйста стоимость и срок выполнения.