<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Создание формы обратной связи на сайте
10.09.2012 22:19:56 Создание формы обратной связи на сайте Сообщение #1
Ska

Ska

Новичок

Новичок

Дата регистрации:
10.09.2012 22:00:53

Сообщений: 9

Добрый день, Михаил!

Прежде всего спасибо Вам за видео курсы, очень доступно и наглядно всё реализовано (правда пока просмотрел только два раздела платного курса и бесплатный)...

Подскажите пожалуйста в правильном создании формы обратной связи на сайте, пишу Вам сюда т.к. уже 3 часа пытаюсь настроить её но безуспешно, хотя вроде бы всё делаю также как и в Ваших уроках, проблема в том что форма работает не корректно (письма или не приходят вообще, или без заполненной информации)... Буду очень благодарен если вы найдёте время и посмотрите что не так:

Код HTML (на всякий случай полностью):

<!DOCTYPE html>
<html>
<head>
<title>Комплексные ренашияя - ПРОЕКТИРОВАНТЕ и МОНТАЖ</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<base target="_self">
<style type="text/css">
div.sleva { width:250px; border:2px solid grey; float:left; margin:10px; background-image:url("image/222.jpg"}
div.sprava {float:right; padding: 70px 10px 5px 10px}
/* Как сделать отступ текста в таблице от краёв по отношению к обтикаемым div */
p {padding: 10px 10px 10px 0px; margin:2%}
table.glav {width:1024px; margin:auto; background-image:url("image/cherteg1.jpg"}
li {font-size: 16pt; font-style:italic}
.logo {position:absolute}
tr.voda {background-image:url("image/11.jpg"}
h2 {font-size: 18pt; font-family: "Times New Roman", Helvetica, Geneva, Tahoma, Arial, sans-serif}
body { background-color: #F0F8FF } /*как делать фон отдельно от таблицы? */

</style>

</head>
<body text="black" link="black" alink="blue" vlink="black"> <!-- как изменить цыет ссылок в конкретном месте?-->
<table class="glav"; border="0">
<tr>
<!-- как сделать ссылки на ячейку в таблице-->
<td colspan="5"; style="height: 100px; position:relative"><a href="index.html"><img class="logo"; src="image/logo.jpg"></a>
<div style="text-align:right"> ООО "Комплексные решения"<br>
<span style="font-size:16pt; font-weight:bold"> тел.: 974-13-82</span> <br>
<a href="mailto:sale@ruclimat.ru">sale@ruclimat.ru</a> <br>
<a href="http://maps.yandex.ru/?text= %D0%A0%D0%BE%D1%81%D1%81 %D0%B8%D1%8F%2C%20%D0%9C%D0%BE%D1%81% D0%BA%D0%B2%D0%B0%2C%20%D0%BF %D1%80%D0%BE%D0%B5% D0%B7%D0%B4%20%D0%A1%D0%B5 %D1%80%D0%B5%D0%B1%D1%80%D1%8F%D0 %BA%D0%BE%D0%B2%D0%B0%2C%202%D1%81 1&sll=37.646507%2C55.846376& ;ol=geo&oll=37.646507%2C55.846376&ll =37.646507%2C55.846376&spn= 0.016952%2C0.005119&z=17&l=map&quo t;>129343, г. Москва, проезд Серебрякова, д.2. стр.1а </a>
<br>
<a href="otpravit-zayavku.html">Задать вопрос</a>
</div>
</td>
</tr>

<tr>
<td colspan="5"><hr></td>
</tr>

<tr class="voda">
<td style="text-align:center; vertical-align:top; width:20%"><h2>
<a href="index.html">Главная</a></h2></td>
<td style="text-align:center; vertical-align:top; width:20%"><h2>
<a href="project-raboti.html">Проектные работы</a></h2></td>
<td style="text-align:center; vertical-align:top; width:20%"><h2>
<a href="montag-i-pusk.html">Монтаж и пусконаладка</a></h2></td>
<td style="text-align:center; vertical-align:top; width:20%"><h2>
<a href="nashi-obekti.html">Наши объекты</a></h2></td>
<td style="text-align:center; vertical-align:top; width:20%"><h2>
<a href="oborud.html">Оборудование</a></h2></td>
</tr>
<tr>
<td colspan="5"><hr></td>
</tr>

<tr>
<td colspan="5">
<div class="sleva"><h2 style="padding-left:5%">Примеры расчётов <br>проекта и монтажа:</h2>
<ul style="line-height:230%">
<li><a href="kvartira.html">Квартира</a></li>
<li><a href="zagorodniy-dom.html">Загородный дом</a></li>
<li><a href="office.html">Офис</a></li>
<li><a href="bassein.html">Бассейн</a></li>
<li><a href="prom-obekt.html">Промышленный объект</a></li>
</ul>
</div>


<h3>Задать вопрос нашим специалистам:</h3>

<form action = "obratnai-php.php"; enctype="text/plain"; method="post">
<table>
<tr>
<td>
Как вы о нас узнали:

</td>
<td>
<select name="contact" size="1">
<option value="Узнали" selected>Яндекс</option>
<option value="Узнали">Google</option>
<option value="Узнали">Наружная реклама</option>
<option value="Узнали">От знакомых/друзей</option>
</select>

</td>
</tr>
<tr>
<td>Контактный телефон:</td>
<td><input type="text"; name="tel" size="20"; maxlength="25"></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text"; name="mail" size="20"; maxlength="25">
</td>
</tr>

<tr>
<td>
Ваш вопрос:
</td>
<td>
<textarea name="vopros" cols="50" rows="12">Ваш вопрос</textarea>
</td>


</tr>

<tr>
<td><input type="submit"; value=" Отправить "></td>

<td><input type="reset"; value="Очистить форму"></td>
</tr>

</table>

</form>
</td>
</tr>

<tr>
<td colspan="5"; style="height: 150px; width:1280px; background-color:#cccccc"> большой баннер с представительской рекламой height: 1024px 150px;</td>
</tr>

<tr>
<td colspan="5"><hr></td>
</tr>

<tr>
<td style="text-align:center; width:20%"><h4><a href="index.html">Главная</a></h4></td>
<td style="text-align:center; width:20%"><h4><a href="project-raboti.html">Проектные работы</a></h4></td>
<td style="text-align:center; width:20%"><h4><a href="montag-i-pusk.html">Монтаж и пусконаладка</a></h4></td>
<td style="text-align:center; width:20%"><h4><a href="nashi-obekti.html">Наши объекты</a></h4></td>
<td style="text-align:center; width:20%"><h4><a href="oborud.html">Оборудование</a></h4></td>
</tr>
<tr>

<tr>
<td colspan="5"; style="text-align:center";><hr>
&#169 2012 &nbsp; ООО "Комплексные решения" </td>
</tr>

</table>
</body>
</html>


Код PHP:

<?php
$name = $_POST['tel'];
$contact = $_POST['contact'];
$mail = $_POST['mail'];
$messege = $_POST['vopros'];
$to="6932020@mail.ru";
$from=com@mail.ru
$subject = "сообщение с сайта";
$headers = "From: $from\r\nReply-To: $from\r\nContent-type: text/plain; charset=windows-1251\r\n";
mail($to, $subject, $messege, $headers);
$redir = $_SERVER['HTTP_REFERER'];
header("Location: $redir";
?>
Профиль Ответить
11.09.2012 15:25:36 Создание формы обратной связи на сайте Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Очень много ошибок. Точки с запятой внутри не тегов не нужны, забыли кавычки и точку с запятой в php коде. И ещё enctype для формы не ставьте.
Профиль Ответить
11.09.2012 16:05:08 Создание формы обратной связи на сайте Сообщение #3
ppk-center

ppk-center

Продвинутый

Продвинутый

Дата регистрации:
19.02.2012 21:09:45

Сообщений: 61

Михаил, у вас форум некорректно отображается в Google Chrome.
Профиль Ответить
11.09.2012 17:45:20 Создание формы обратной связи на сайте Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Всё корректно отображается, если хоть раз в 200 символов поставить хотя бы 1 пробел (или переход на новую строку, или любой пробельный символ). В Firefox есть способ это победить (и то не очень хороший), в других браузерах, увы, нет, поскольку разработчики CSS не думали, что кто-то будет писать текст порой без единого пробела (как было написано первое сообщение).
Профиль Ответить
17.09.2012 19:55:33 Создание формы обратной связи на сайте Сообщение #5
Ska

Ska

Новичок

Новичок

Дата регистрации:
10.09.2012 22:00:53

Сообщений: 9

Михаил, подскажите пожалуйста ещё раз, выполнил ваши советы, но к сожалению форма так и не работает... Если будет минутка посмотрите, что не так:
HTML:

<form action="obratnai.php" method="post">
<table>
<tr>
<td>
<label>Как вы о нас узнали:</label>

</td>
<td>
<select name="contact" size="1">
<option value="Yandex" selected>Яндекс</option>
<option value="Google">Google</option>
<option value="naruz">Наружная реклама</option>
<option value="friends">От знакомых/друзей</option>
</select>

</td>
</tr>
<tr>
<td><label>Контактный телефон:</label></td>
<td><input type="text" name="tel" size="20" maxlength="25"></td>
</tr>
<tr>
<td><label>E-mail:</label></td>
<td><input type="text" name="mail" size="20" maxlength="25">
</td>
</tr>

<tr>
<td>
<label>Ваш вопрос:</label>
</td>
<td>
<textarea name="messege" cols="50" rows="12">Ваш вопрос</textarea>
</td>


</tr>

<tr>
<td><input type="submit" value="Отправить"></td>

<td><input type="reset" value="Очистить форму"></td>
</tr>

</table>

</form>


PHP:

<?php
$name = $_POST['tel'];
$contact = $_POST['contact'];
$mail = $_POST['mail'];
$messege = $_POST['messege'];
$to = "6932020@mail.ru";
$from = "com@mail.ru";
$subject = "сообщение с сайта";
$subject = "?windows-125?B?".base64_encode($subject)."?=";
$headers = "From: $from\r\nReply-To: $from\r\nContent-type: text/plain; charset=windows-1251\r\n";
mail($to, $subject, $messege, $name, $headers);
$redir = $_SERVER['HTTP_REFERER'];
header("Location: $redir";
?>

P/S понимаю, что Вам этот вопрос кажется слишком дилетантским, но наверное и сами сталкивались с подобными проблемами в самом начале работы с сайтами...
Профиль Ответить
18.09.2012 11:13:35 Создание формы обратной связи на сайте Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Значит всё ещё где-то допускаете мелкую ошибку. Вы не спешите сразу писать много кода. Сначала сделайте самый простейший скрипт, который только передает одну переменную из одного поля. Вот когда он заработает, от него и делайте всё остальное.
Профиль Ответить