Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите лузеру / 9 сообщений из 9, страница 1 из 1
01.07.2019, 13:00
    #39832227
LariOne
LariOne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
Преамбула.
Хочу создать свою страницу визитку. В Web-разработке полный нуб. До этого знал Delphi, Microsoft Visual Basic for Application, VFoxPro ( который уже умер ;()

ЗАДАЧА: Отправка e-mail сообщение через форму обратной связи.
Есть рабочий вариант из form.html и send.php (листинг ниже).
Этот код рабочий (ПРОВЕРЕННО, НО) при условии что 2-две переменные заменены своими значениями:
$to = "MyName1@yandex.ru"; // Здесь нужно написать e-mail, куда будут приходить письма
$from = "MyName@gmail.com"; // Здесь нужно написать e-mail, от кого будут приходить письма, например no-reply@epicblog.net
то есть, MyName это логин существующего имени e-mail...

ТЕПЕРЬ
пытаюсь изменить форму с form.html, на модальную форму на JQuery.
Рабочий код (рабочий пример формы обратной связи с кнопкой отправки сообщения)
размещенный перед закрывающимися тегами </body> </html> моего index.html (листинг ниже)

ВОПРОС как прикрепить к кнопке
<button id="button" name="submit" class="btn btn-success" type="submit">Отправить заявку!</button>
прикрепить обработку вызов, и передачу данных (к рабочему примеру) send.php ???????

Я полный нуб и возможно пытаюсь прикрутить <...> к трамвайной ручке ;)
однако, я не понимаю что не так? почему просто заменить имя выполняемого файла *.php на свое *.php не достаточно?
В итоге у меня срабатывает <!-- Инициализация и Ajax-запрос --> <script src="jsc/main.js"></script>, я и в этом файле
поменял имя (URL:) выполняемого файла *.php на свое send.ph
содержание файла main.js (листинг ниже)

*******************************
*** FILE: form.html
*******************************
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<form action="send.php") method="post">
Ваше имя: <input type="text" name="first_name"> <br>
Email: <input type="text" name="email" required placeholder="Обязательное поле"> <br>
Номер телефона: <input type="text" name="phone"> <br>
Сообщение: <br> <textarea rows="5" name="message" cols="30"></textarea> <br>
<input type="submit" name="submit" value="Submit">
</form>
<html>

*******************************
*** FILE: send.php
*******************************
<?php
/*
Форма обратной связи может получать сообщения с любых почтовых ящиков.
Исправлена проблема кодировки при получении писем почтовым клиентом Outlook.
Вы скачали её с сайта Epic Blog https://epicblog.net Заходите на сайт снова!
ВНИМАНИЕ! Лучше всего в переменную myemail прописать почту домена, который использует сайт. А не mail.ru, gmail и тд.
*/

if(isset($_POST['submit'])){
/* Устанавливаем e-mail Кому и от Кого будут приходить письма */
$to = "MyName1@yandex.ru"; // Здесь нужно написать e-mail, куда будут приходить письма
$from = "MyName@gmail.com"; // Здесь нужно написать e-mail, от кого будут приходить письма, например no-reply@epicblog.net

/* Указываем переменные, в которые будет записываться информация с формы */
$first_name = $_POST['first_name'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$message = $_POST['message'];
$subject = "Форма отправки сообщений с сайта MySuite.com";//Фиксированная тема письма

/* Проверка правильного написания e-mail адреса */
if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/", $email))
{
show_error("<br /> Е-mail адрес не существует");
}

/* Переменная, которая будет отправлена на почту со значениями, вводимых в поля */
$mail_to_myemail = "Здравствуйте!
Было отправлено сообщение с сайта!
Имя отправителя: $first_name
E-mail: $email
Номер телефона: $phone
Текст сообщения: $message
Чтобы ответить на письмо, создайте новое сообщение, скопируйте электронный адрес и вставьте в поле Кому.";

$headers = "From: $from \r\n";

/* Отправка сообщения, с помощью функции mail() */
mail($to, $subject, $mail_to_myemail, $headers . 'Content-type: text/plain; charset=utf-8');
echo "The message is sent. Thank you!" . $first_name . ", We will contact you soon.";
echo "<br /><br /><a href='#'>Вернуться на сайт.</a>";
}
?>
<!--Переадресация на главную страницу сайта, через 3 секунды-->
<script language="JavaScript" type="text/javascript">
function changeurl(){eval(self.location=history.back());}
window.setTimeout("changeurl();",3000);
</script>

Этот код рабочий (ПРОВЕРЕННО, НО) при условии что 2-две переменные заменены своими значениями:
$to = "MyName1@yandex.ru"; // Здесь нужно написать e-mail, куда будут приходить письма
$from = "MyName@gmail.com"; // Здесь нужно написать e-mail, от кого будут приходить письма, например no-reply@epicblog.net
то есть, MyName это логин существующего имени e-mail...

*******************************
*** Код всплывающей
*** модальной формы
*** внутри index.html
*******************************
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Задайте свой вопрос!</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- FORM -->
<form id="contactForm" action="/form_v3/send.php" method="post">
<!-- USER NAME -->
<div class="form-group">
<label for="name">Ваше имя:</label>
<input id="name" class="form-control" name="first_name" required type="text" placeholder="Иванов Иван Иванович">
</div>
<!-- USER EMAIL -->
<div class="form-group">
<label for="email">Ваш E-mail:</label>
<input id="email" class="form-control" name="email" required type="text" placeholder="ivanov@email.com">
</div>
<!-- USER PHONE -->
<div class="form-group">
<label for="phone">Ваш телефон:</label>
<input id="phone" class="form-control" name="phone" required type="text" placeholder="+7 (800) 000-00-00">
</div>
<!-- TEXT MESSAGE -->
<div class="form-group">
<label for="message">Текст сообщения:</label>
<textarea id="message" class="form-control" required name="message" rows="2" placeholder="Вопрос: Сколько стоит свой сайт, или, Незагружается ноутбук, или, ..."></textarea>
</div>
<!-- BUTTON SEND -->
<button id="button" name="submit" class="btn btn-success" type="submit">Отправить заявку!</button>
<div class="result">
<span id="answer"></span>
<span id="loader" style="display:none"><img src="img/loader.gif" alt=""></span>
</div>
<!-- CHECK BOX COPYRIGHT -->
<div class="form-group form-check">
<input id="check" class="form-check-input" type="checkbox" checked>
<label class="form-check-label" for="check">
Я соглашаюсь на передачу персональных данных согласно политике конфиденциальности и пользовательскому соглашению.
</label>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Подключение полной версии jQuery -->
<script src=" https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src=" https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Маска для номера телефона -->
<script src="jsc/jquery.maskedinput.min.js"></script>
<!-- Инициализация и Ajax-запрос -->
<script src="jsc/main.js"></script>

З.Ы. Спасибо тем кто дочитал до конца!!! Я полный нуб и возможно пытаюсь прикрутить <...> к трамвайной ручке ;)
однако, я не понимаю что не так? почему просто заменить имя выполняемого файла *.php на свое *.php не достаточно?
В итоге у меня срабатывает <!-- Инициализация и Ajax-запрос --> <script src="jsc/main.js"></script>, я и в этом файле
поменял имя (URL:) выполняемого файла *.php на свое send.ph
содержание файла main.js:

*******************************
*** FILE: main.js
*******************************
jQuery(document).ready(function($) {

// Добавляем маску для поля с номера телефона
$('#phone').mask('+7 (999) 999-99-99');

// Проверяет отмечен ли чекбокс согласия
// с обработкой персональных данных
$('#check').on('click', function() {
if ($("#check").prop("checked")) {
$('#button').attr('disabled', false);
} else {
$('#button').attr('disabled', true);
}
});

// Отправляет данные из формы на сервер и получает ответ
$('#contactForm').on('submit', function(event) {

event.preventDefault();

var form = $('#contactForm'),
button = $('#button'),
answer = $('#answer'),
loader = $('#loader');

$.ajax({
url: 'send.php',
type: 'POST',
data: form.serialize(),
data: $data,
beforeSend: function() {
answer.empty();
button.attr('disabled', true).css('margin-bottom', '20px');
loader.fadeIn();
},
success: function(result) {
$('#form_result').html(result);
loader.fadeOut(300, function() {
answer.text(result);
});
form.find('.form-control').val(' ');
button.attr('disabled', false);
},
error: function() {
loader.fadeOut(300, function() {
answer.text('Произошла ошибка! Попробуйте позже.');

button.attr('disabled', false);
}
});

});

});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 13:02
    #39832230
LariOne
LariOne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
Может кто пошлет меня куда-нибудь где мне подсмотреть ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 13:14
    #39832239
LariOne
LariOne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
По сути мне нужно.
На главной странице кнопка "ЗАДАТЬ ВОПРОС" которая вызывает, полупрозрачную всплывающую модальную форму (без перезагрузки страницы) и кнопку отправить сообщение на мой e-mail.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 13:24
    #39832242
OldMaster
OldMaster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
За вас вряд-ли кто-то захочет работать...
Если нет навыков в верстке, используйте готовые решения. Например bootstrap. Там много разных компонентов, включая формы и всплывающие окна.
Отправлять письма можете с помощью библиотеки http://webi.ru/webi_files/php_libmail.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 13:32
    #39832246
LariOne
LariOne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
!!! ЗАПЛАЧУ 33$
тому кто решит задачу:
Есть кнопка вызова модальной формы обратной связи на JQuery.
Нужна рабочая кнопка отправки данных на мой е-mail.
Ссылка: https:/Larione.com
Кнопка вызова модальной формы:"ОФОРМИТЬ ЗАЯВКУ"
Кнопка отправки данных на мой е-mail (в модальной форме): "Отправить заявку!"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 15:46
    #39832362
OldMaster
OldMaster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
Ну ок, могу сделать.
Разместите заявку на https://freelance.ru
Но я работаю только через безопасную сделку, или по предоплате.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 15:51
    #39832369
Агнец за бортом
Агнец за бортом
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
LariOneПо сути мне нужно.
На главной странице кнопка "ЗАДАТЬ ВОПРОС" которая вызывает, полупрозрачную всплывающую модальную форму (без перезагрузки страницы) и кнопку отправить сообщение на мой e-mail.

Тебе страница нужна, или ты хочешь научиться?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 16:10
    #39832383
LariOne
LariOne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
И то и другое! Я просто в панике, вариантов пятнадцать пример перепробовал не работает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2019, 16:18
    #39832388
OldMaster
OldMaster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите лузеру
авторЯ просто в панике, вариантов пятнадцать пример перепробовал не работает
Вы с PHP знакомы? Если да, то вам не составит труда принять данные от пользователя, и отправить email с помощью готового скрипта php_libmail. Ссылку я уже приводил.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите лузеру / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 632ms
Закрыть
start [/forum/moderation_log.php?user_name=%D0%90%D0%BD%D1%82%D0%BE%D0%BD%D0%B8%D0%BC%D1%83%D1%81]:
 0ms
get settings:
 8ms
get forum list:
 12ms
get settings:
 10ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 64ms
get topic data:
 13ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 455ms
total:  632ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]