Report
-
Similar Content
-
By Xandr555
Добрый вечер! Подскажите.. Не работает форма, заполнил поля php mail, некоторые синтаксисы не знаю. Код ниже. Скрипт пробовал в хеде и в выложенной вариации, не идет сообщение. Заранее спасибо.
<!DOCTYPE html> <html> <head> <title>index.html</title> <meta charset="utf-8"/> </head> <body> <form class="form-horizontal" target="_blank" method="post" id="form" enctype="multipart/form-data"> <div class="form-group"> <label class="col-sm-2 control-label">Ф.И.О.:</label> <div class="col-sm-10"> <input class="form-control" type="text" name="name" placeholder="Имя" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Телефон:</label> <div class="col-sm-10"> <input class="form-control" type="text" name="number" pattern="^[0-9]{11}$" placeholder="Телефон" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Эл. почта:</label> <div class="col-sm-10"> <input class="form-control" type="email" name="email" placeholder="E-mail" required /> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <textarea class="form-control" rows="3" name="message" placeholder="Ваше сообщение" required></textarea> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button class="btn btn-default">Отправить</button> <label class="sucsses">СООБЩЕНИЕ ОТПРАВЛЕНО</label> </div> </div> </form> <script> $("#form").submit(function() { $.ajax({ type: "POST", url: "http://mysite.ru/mail9.php", data: $(this).serialize() }).done(function() { $(this).find("input").val(""); $(".sucsses").fadeIn("1500"); setTimeout(function() { $(".sucsses").fadeOut("1500"); }, 2500); $("#form").trigger("reset"); }); return false; }); </script> </body> </html> <!DOCTYPE html> <html> <head> <title>mail9</title> <meta charset="utf-8"/> </head> <body> <?php $recepient = "mymail@mail.ru"; $name = trim($_POST["name"]); $number = trim($_POST["number"]); $email = trim($_POST["email"]); $message = trim($_POST["message"]); $message = "Имя: $name \nТелефон: $number \nЕmail: $email \nСообщение: $message"; $headers = 'Content-type: text/plain; charset="utf-8"'; $headers .= "MIME-Version: 1.0\r\n"; $headers .= "From: mymail@mail.ru\r\n"; $headers .= "Reply-To: mymail@mail.ru\r\n"; $pagetitle = "Сообщение с АЛЬЯНС-сайта"; mail($recepient, $pagetitle, $message, $headers); ?> </body> </html>
-
By ioprst
Привет. Проблема в следующем. Есть одна страничка, на которой две вкладки, на второй вкладке исполняется js. В firefox'e все как надо, запускаю localhost и на какой-бы вкладке изначально я не оказался, анимация svg (js выполняет) работает, после перехода с 2ой вкладки на первую и обратно, анимация также работает. Что происходит в Хроме: Если я запускаю страницу (перезапускаю) и оказываюсь на второй вкладке, то анимация есть, стоит перейти с 2ой вкладки на 1ю и обратно, анимация пропадает. Суть в том, что в хроме при любом переходе между вкладками js перестает работать, либо проблема в XMLHttpRequest. Привожу js код, который исполняется на второй вкладке:
var svgDoc; var xhr; var c1_boolFlow = false; window.onload = function() { svgDoc = document.getElementById("cns2Id").contentDocument; var timer = setInterval(anim, 100); var timerPost = setInterval(setPost, 100); } function anim() { c1anim(); } // Функция отправки запроса function setPost() { xhr = new XMLHttpRequest(); var send = ["c1_boolFlow"]; xhr.open("POST", 'cgi-bin/getVars.py', true); xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8') xhr.onreadystatechange = onResponse; xhr.send(send); } // Функция обработки ответа function onResponse() { if (xhr.readyState != 4) { return; } var respJSON = JSON.parse(xhr.responseText); c1_boolFlow = respJSON.c1_boolFlow; } ...
-
By Seregka174
Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки:
<div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="tel" id="contact-phone" name="contact-phone" placeholder="Телефон" /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-subject" name="contact-subject" placeholder="Тема" /> </div> </div> <div class="col-sm-12"> <div class="form-group"> <textarea name="contact-message" id="contact-message" placeholder="Сообщение*" required rows="7"></textarea> </div> </div> </div> <div class="form-group"> <button type="submit" class="button border red">Отправить</button> </div> <div id="contact-loading" class="alert alert-info form-alert"> <span class="icon"><i class="fa fa-info"></i></span> <span class="message">Loading...</span> </div> <div id="contact-success" class="alert alert-success form-alert"> <span class="icon"><i class="fa fa-check"></i></span> <span class="message">Success!</span> </div> <div id="contact-error" class="alert alert-danger form-alert"> <span class="icon"><i class="fa fa-times"></i></span> <span class="message">Error!</span> </div> </form> </div> <!-- end .contact-form-wrapper --> Вот скрипт contact-form
/*========== Contact Form ==========*/ $('#contact-form').on('submit', function() { $('#contact-error').fadeOut(); $('#contact-success').fadeOut(); $('#contact-loading').fadeOut(); $('#contact-loading').fadeIn(); if (validateEmail($('#contact-email').val()) && $('#contact-email').val().length !== 0 && $('#contact-name').val().length !== 0 && $('#contact-message').val().length !== 0) { var action = $(this).attr('action'); $.ajax({ type: "POST", url : action, data: { contact_name: $('#contact-name').val(), contact_email: $('#contact-email').val(), contact_phone: $('#contact-phone').val(), contact_subject: $('#contact-subject').val(), contact_message: $('#contact-message').val() }, success: function() { $('#contact-error').fadeOut(); $('#contact-success').fadeOut(); $('#contact-loading').fadeOut(); $('#contact-success .message').html('Отправлено!'); $('#contact-success').fadeIn(); }, error: function() { $('#contact-error').fadeOut(); $('#contact-success').fadeOut(); $('#contact-loading').fadeOut(); $('#contact-error .message').html('Простите, ошибка отправки!.'); $('#contact-error').fadeIn(); } }); } else if (!validateEmail($('#contact-email').val()) && $('#contact-email').val().length !== 0 && $('#contact-name').val().length !== 0 && $('#contact-message').val().length !== 0) { $('#contact-error').fadeOut(); $('#contact-success').fadeOut(); $('#contact-loading').fadeOut(); $('#contact-error .message').html('Пожалуйста введите корректный email.'); $('#contact-error').fadeIn(); } else { $('#contact-error').fadeOut(); $('#contact-success').fadeOut(); $('#contact-loading').fadeOut(); $('#contact-error .message').html('Please fill out all the fields.'); $('#contact-error').fadeIn(); } return false; }); Помогите написать mail.php что бы форма и письма корректно отправлялись я в этом нифига не понимаю но очень хочется что бы на моем первом сайте заработало, очень прошу Вашей помощи!
-
By alex_web64
Здравствуйте.
Мне нужно на странице сохранить некоторые данные, чтобы в будущем подгрузить их помощью xhr. Каким образом это лучше сделать в плане производительности? Создать скрытый div с data-* параметрами, или есть лучшее решение?
-
By itisme
Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам.
Имеется html страница с простейшим кодом:
<!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и введенные в него данные, но совсем не видит поле "filecontent".
Судя по отладчику хрома, в отправляемом post-запросе просто отсутствует содержимое файла, хотя по всем прочитанным мной примерам использования input-file'а оно должно там быть. Выглядит это примерно так:
------WebKitFormBoundaryqbhPyhN96YUAbhF2 Content-Disposition: form-data; name="filename" myfile ------WebKitFormBoundaryqbhPyhN96YUAbhF2 Content-Disposition: form-data; name="filecontent"; filename="test.txt" Content-Type: text/plain ------WebKitFormBoundaryqbhPyhN96YUAbhF2--
Остальные браузеры запрос не видят совсем, либо я не разобрался с их отладчиками.
Видимо я где-то напортачил в коде страницы, забыв что-то дописать. Прошу подсказать где и что.
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-