В двух словах. Есть страница index.html на которой есть кнопка "Заказать услугу" Вот так она выглядит:

Код ее:
<a href="#" class="button">Заказать услугу</a>
После нажатия данной кнопки всплывает окно с формой:

Код данной формы:
<div class="popup_window send_req">
<div class="alarm_no"></div>
<div class="alarm_ok"></div>
<div class="relative">
<h3>Заполните, пожалуйста, форму:</h3>
<form>
<input name="item" type="hidden" value=""/>
<ul>
<li><input type="text" name="yourname" placeholder="Имя"></li>
<li><input type="text" name="phone" placeholder="Телефон"></li>
<li><input type="text" name="email" placeholder="E-mail (не обязательно)"></li>
<li><textarea name="message" placeholder="Хотел бы купить MacBook, iPhone, ну и iPod. Спасибо, жду вашего звоночка!"></textarea></li>
<!--<li><div class="g-recaptcha" data-sitekey="********************"></div></li>-->
<li><a href="#" class="button big">Отправить</a></li>
</ul>
</form>
</div>
</div>
<div class="popup_window thanks">
<div class="relative">
<p>Спасибо! Наш менеджер свяжется с вами в течение часа (в рабочее время — с 10:00 до 21:00).<br>
Номер вашей заявки — <b><em id="counter"></em></b>, пожалуйста, запомните его или запишите.
</p>
<span></span>
<a class="close"></a>
</div>
</div>
Так же есть файл custom.js в котором код:
// попап с формой
$('.container .button, .watch .button, .sticker .button').click(function () {
if ($(this).parent().find("h2").length) {
($("textarea[name='message']")).val($(this).parent().find("h2").text());
($("input[name='item']")).val($(this).parent().find("h2").text());
} else {
($("textarea[name='message']")).val($(this).parents().siblings("h2").text());
($("input[name='item']")).val($(this).parents().siblings("h2").text());
}
$('.popup_overlay, .send_req').show();
$('.popup_overlay').transition({opacity: 0.8}, 300);
$('.send_req').transition({opacity: 1}, 300);
return false;
});
$('.popup_overlay, .close').click(function () {
$('.send_req, .popup_overlay, .thanks, .popup_gallery').transition({opacity: 0}, 300, function () {
$(this).hide();
$('.popup_overlay').hide();
});
return false;
});
var inProgress = false
// contact form
$('.send_req .big').click(function () {
if (inProgress) {
return
}
//var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var names = $('.send_req input[name=yourname]').val();
var phone = $('.send_req input[name=phone]').val();
var email_address = $('.send_req input[name=email]').val();
var message = $('.send_req textarea[name=message]').val();
var item = $('.send_req input[name=item]').val();
var data_html = '';
var error_text = '';
if (names == "") {
error_text = error_text + '<p>Введите ваше имя. </p>';
}
if (phone == "") {
error_text = error_text + '<p>Введите телефон. </p>';
}
if (message == "") {
error_text = error_text + '<p>Введите сообщение. </p>';
}
//if (reg.test(email_address) == false) {
// error_text = error_text + '<p>Неправильный Email. </p>';
//}
if (error_text != '') {
$('.send_req .alarm_no').show().html(error_text);
$('.send_req .alarm_no').fadeTo(500, 1);
} else {
if ($('.send_req .alarm_no').is(':visible')) {
$('.send_req .alarm_no').fadeTo(500, 0, function () {
$('.send_req .alarm_no').hide();
});
}
data_html = $('.send_req form').serialize();
inProgress = true
$('.send_req .big').text('Идёт отправка...')
$('.send_req .big').fadeTo(500, 0.5)
$.ajax({
type: 'POST',
url: 'contact-send-to.php',
data: data_html,
success: function (msg) {
if (msg.indexOf('sent') > -1) {
$('.send_req').transition({opacity: 0}, 300, function () {
$(this).hide();
});
var number = msg.match(/\d+/);
$('#counter').html(number[0]);
$('.thanks').show();
$('.thanks').transition({opacity: 1}, 300);
$('.send_req :input').val('');
} else {
$('.send_req .alarm_no').show().html('Ошибка отправки почты. Попробуйте еще раз!');
$('.send_req .alarm_no').fadeTo(500, 1, function () {
$('.send_req .alarm_no').delay(5000).fadeTo(500, 0, function () {
$('.send_req .alarm_no').hide();
});
});
}
},
complete: function(data) {
inProgress = false
$('.send_req .big').text('Отправить')
$('.send_req .big').fadeTo(500, 1)
}
});
}
return false;
});
});
Следовательно из этого всего нужно создать правильный файл contact-send-to.php
Что бы данные всплывающего окна отправлялись на почту или какой то сервис. Напишите пожалуйста реальные сроки и стоимость выполнения работ.
Отзыв заказчика о сотрудничестве с Богданом Карповым
Сделать форму отправки данныхСпасибо, будем работать дальше.
Отзыв фрилансера о сотрудничестве с Anatoliy Basist
Сделать форму отправки данныхПриятно работать, все хорошо описано
-
Приветствую!
10 минут работы
Обращайтесь - буду рад сотрудничеству
-
420 11 0 Работы на 30 минут, можете рассчитывать на меня. Если необходимо - можно реализовать не только отправку почты, но и вставку строки в базу данных.
-
5599 394 9 3 Здравствуйте, готов сделать сейчас, пишите в личные сообщения
-
10671 591 6 10 Готов взяться за работу, пишите, сделаю все качественно, опыт работы уже больше 9ти лет!
-
681 22 0 Добрый день! Готов выполнить Ваш проект. Буду рад сотрудничеству!
-
1237 32 0 Добрый день! Есть опыт выполнения подобных задач. Обращайтесь, буду рад выполнить ваш заказ.
-
253 15 0 Здраствуйте!
Готов взяться за ваш проект!
Напишу обработчик для вашей формы качественно и быстро
Обращайтесь, буду рад сотрудничать!
-
715 32 0 Готовы закрыть свою задачу, чтобы вы забыли о нем и наслаждались
-
372 5 0 Здравствуйте Анатолий, ознакомился с кодом - готов сделать за 1-1.5 часа, могу реализовать отправку в Ваш телеграм. Также могу переделать на VueJs (можно дальше будет наращивать функционал).
-
4797 162 1 1 Добрый день, реализую в течении часа, быстро и качественно - обращайтесь!
-
1789 73 0 1 Здравствуйте. Готов сделать. Могу приступить сразу и закончить в течение пару часов.
-
291 16 1 Анатолий Здравствуйте! Ничего сложного, скрипт отправки на почту абсолютно стандартная вещь, пишется за десять минут, если пить кофе) Сегодня вечером могу сделать и скинуть
П.С.
На будущие, когда создаете заказ можно прикреплять к нему файлы, так гораздо удобнее чем вставлять в текст заказа:)
-
3193 115 2 Здравствуйте
Готов выполнять задания
5 лет опыта на позиции backend(PHP).
-
486 27 0 Здравствуйте Анатолий, без проблем сегодня сделаю.
На вашу почту будут приходить все данные с этой формы.
Буду рад с вами поработать.
-
2615 427 9 1 ну здесь по сути работы на час, писать код где то до получаса и тестирование формы
я сейчас свободен могу приступить
--------------------
сам php mail настроить 10 мин, если будут проблемы можна настроить SMTP + 20 мин
если все заработает то полчаса макс
-
2472 108 0 1 Доброе время, Анатолия
Готовы выполнить Ваш заказ
С уважением Виктор!
-
254 4 0 Добрый вечер, сделаю за вечер. Спасибо за внимание. Хорошего вечера
-
526 37 0 Добрый вечер. За указанную цену сегодня сделаю за вечер. Пишите в сообщения
Актуальные фриланс-проекты в категории Java
Разработка простых 2D-игр (Змейка, Галактика и т.д.) под Google Play MarketЗдравствуйте! Ищу разработчика (или начинающего с хорошей базой), который сможет создать несколько простых классических 2D-игр для мобильной платформы Android с дальнейшей публикацией в Play Market.Для начала нужно разработать одну-две игры. Примеры сеттинга и механик:… Java, Разработка игр ∙ 22 часа 40 минут назад ∙ 15 ставок |
Создание приложенияЖелаю создать мобильное приложение для общения, в приложении должны быть аудио, видео звонок, создание групповых чатов, возможность синхронизировать с контактами телефона, настройками аккаунта: привязка по email, 2fa, номеру телефона, возможность настраивать уведомления… Java, Python ∙ 5 дней 16 часов назад ∙ 39 ставок |