Форум WWW.by - Вопросы
Выполнено
Форма обратной связи
Здравствуйте! Можно ли создать форму обратной связи на главной странице под заголовком "Записаться на консультацию"?
Айгуль psy.asia.kz
22.12.2015 20:29
Физически форма обратной связи для главной страницы ничем не отличается от размещенной на странице "Контакты", т.е. главное это код, а не страница размещения. К сожалению функционал конструктора пока не позволяет перенести форму в один клик (будем стараться сделать его более гибким) но это можно сделать работая с кодом напрямую.
В режиме источника разместите на главной следующий код:
<form id="form1" name="form1" method="post" action="">
<table width="90%" >
<tr>
<td width="20%" align="right" valign="top">Ваше имя </td>
<td width="80%"><input name="name" type="text" id="name" value="" size="50" class="field" required/></td>
</tr>
<tr>
<td align="right" valign="top">Текст:</td>
<td><textarea name="text" cols="50"rows="8" id="text" class="field" required></textarea></td>
</tr>
<tr>
<td align="right" valign="top">Контакты, e-mail, телефон: </td>
<td><input name="contact" type="text" id="contact" value="" size="50" class="field" required/></td>
</tr>
<tr>
<td align="right" valign="top"> </td>
<td><input id="msg-send" name="submit" type="submit" value="Отправить" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
$(function(){
$('#form1').submit(function(){
$('#form1-required').remove();
$(this).find('input[type="submit"]').attr('disabled','disabled');
$(this).after('<div id="form1-status">Отправляется...</div>');
$('#form1').parent().css('height',$('#form1').parent().height());
$.ajax({
url: '/templates/ajax/msg.php',
type: 'post',
data: $('#form1 input,#form1 textarea'),
success: function(r){
$('#msg-send').removeAttr('disabled');
$('#form1-status').remove();
if (r=='required')
{
$('#form1').after('<div id="form1-required" style="color:red">Все поля обязательны для заполнения</div>');
}
else if (r=='ok')
{
$('#form1').after('<div>Сообщение отправлено</div>').remove();
}
else
{
$('#form1').after('<div>Ошибка!</div>').remove();
}
}
});
return false;
});
});
</script>
В режиме источника разместите на главной следующий код:
<form id="form1" name="form1" method="post" action="">
<table width="90%" >
<tr>
<td width="20%" align="right" valign="top">Ваше имя </td>
<td width="80%"><input name="name" type="text" id="name" value="" size="50" class="field" required/></td>
</tr>
<tr>
<td align="right" valign="top">Текст:</td>
<td><textarea name="text" cols="50"rows="8" id="text" class="field" required></textarea></td>
</tr>
<tr>
<td align="right" valign="top">Контакты, e-mail, телефон: </td>
<td><input name="contact" type="text" id="contact" value="" size="50" class="field" required/></td>
</tr>
<tr>
<td align="right" valign="top"> </td>
<td><input id="msg-send" name="submit" type="submit" value="Отправить" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
$(function(){
$('#form1').submit(function(){
$('#form1-required').remove();
$(this).find('input[type="submit"]').attr('disabled','disabled');
$(this).after('<div id="form1-status">Отправляется...</div>');
$('#form1').parent().css('height',$('#form1').parent().height());
$.ajax({
url: '/templates/ajax/msg.php',
type: 'post',
data: $('#form1 input,#form1 textarea'),
success: function(r){
$('#msg-send').removeAttr('disabled');
$('#form1-status').remove();
if (r=='required')
{
$('#form1').after('<div id="form1-required" style="color:red">Все поля обязательны для заполнения</div>');
}
else if (r=='ok')
{
$('#form1').after('<div>Сообщение отправлено</div>').remove();
}
else
{
$('#form1').after('<div>Ошибка!</div>').remove();
}
}
});
return false;
});
});
</script>
Администратор Дмитрий
23.12.2015 13:11
Спасибо, Дмитрий! Я сделала, как Вы написали. Скопировала код и вставила через Source на главной странице. Форма появилась, но я теперь не могу сохранить редактирование текста на этой странице, кнопка "Сохранить" не работает. И еще - часть формы окошко "Контакы, телефон" оказалась за рамками окна редактирования. Сообщения через форму приходят на мой ящик. Что делать?
Айгуль psy.asia.kz
23.12.2015 20:46
Да, действительно - текстовый редактор глючит при редактировании формы. Пока форму убрал, чтобы она не мешала редактированию страницы.
Я подумаю что можно сделать, либо Вы можете разместить форму стороннего сервиса - "+ Добавить на сайт" > "Виджет или информер" и далее на выбор
Форма обратной связи formdesigner.ru
Форма обратной связи http://masterform.info/
Форма подписки на рассылку unisender
Я подумаю что можно сделать, либо Вы можете разместить форму стороннего сервиса - "+ Добавить на сайт" > "Виджет или информер" и далее на выбор
Форма обратной связи formdesigner.ru
Форма обратной связи http://masterform.info/
Форма подписки на рассылку unisender
Администратор Дмитрий
24.12.2015 03:54
Я скрипт слегка переделала. Вроде работает. Но есть над чем думать ещё. спасибо!
Оксана rcgnsv.by
21.01.2016 17:30
Добавил этот код, теперь как и выше кнопка сохранить не работает и я не могу удалить эту форму, что делать?
Андрей chajnik.for.ru
06.07.2016 19:06
Хотите добавить комментарий? Выполните
Вход в систему
Реклама: Автоломбард в Минске. Выдача займов под залог авто под низкий процент.: lombardavtoby.www.by
В режиме источника разместите на главной следующий код:
<form id="form1" name="form1" method="post" action="">
<table width="90%" >
<tr>
<td width="20%" align="right" valign="top">Ваше имя </td>
<td width="80%"><input name="name" type="text" id="name" value="" size="50" class="field" required/></td>
</tr>
<tr>
<td align="right" valign="top">Текст:</td>
<td><textarea name="text" cols="50"rows="8" id="text" class="field" required></textarea></td>
</tr>
<tr>
<td align="right" valign="top">Контакты, e-mail, телефон: </td>
<td><input name="contact" type="text" id="contact" value="" size="50" class="field" required/></td>
</tr>
<tr>
<td align="right" valign="top"> </td>
<td><input id="msg-send" name="submit" type="submit" value="Отправить" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
$(function(){
$('#form1').submit(function(){
$('#form1-required').remove();
$(this).find('input[type="submit"]').attr('disabled','disabled');
$(this).after('<div id="form1-status">Отправляется...</div>');
$('#form1').parent().css('height',$('#form1').parent().height());
$.ajax({
url: '/templates/ajax/msg.php',
type: 'post',
data: $('#form1 input,#form1 textarea'),
success: function(r){
$('#msg-send').removeAttr('disabled');
$('#form1-status').remove();
if (r=='required')
{
$('#form1').after('<div id="form1-required" style="color:red">Все поля обязательны для заполнения</div>');
}
else if (r=='ok')
{
$('#form1').after('<div>Сообщение отправлено</div>').remove();
}
else
{
$('#form1').after('<div>Ошибка!</div>').remove();
}
}
});
return false;
});
});
</script>