Victor_winner

Realty - форма быстрой подачи заявки

Recommended Posts

Друзья, вот воспользовался краткой формой подачи объявления с сайта akademiyamtrov.ru, кстати, похожая форма есть и Дмитрия в шаблоне main.tpl. Она находится в самом низу шаблона и имеет div - contactMe. 

Суть вопроса в том, что закинул форму запроса, подключили script, но всё равно форма не срабатывает. То есть при нажатии кнопки Отправить - не происходит отправка на почту, и не выдается сообщений тиап - "Ваша заявка будет обработкана в течение 24 часов" - как это должно произойти в случает успешного срабатывания $.ajax фнкции. Может есть тонкости, которые я не заметил. 

Выкладываю полный скрипт main.tpl, со вложенными шаблонами и скриптами

* big_tabs.tpl.html

* simple-order.tpl

* akademiyametrov.js

<script type="text/javascript">jQuery(function($){    			$('#modalForm form').submit(function()		{ // отправка заявки ajax						//тестовая проверка работы						//тестовая проверка работы			var form=$(this);			var oper=form.find('[name=oper]').val();			var message=form.find('[name=message]').val();			var name=form.find('[name=name]').val();			var phone=form.find('[name=phone]').val();					if(message=='' || name=='' || phone==''){				form.find('#message').html("Не заполены обязательные поля");				form.find('#message').addClass("label-danger");				form.find('#message').show();			} else {						alert ("Проверка прошла успешно!!!");				$.ajax({					type: 'post',					url: estate_folder+'/apps/simple-order/simple-order.php',					data: {action:'send_message',oper:oper,name:name,message:message,phone:phone},					dataType: 'json',					success: function(json)					{						if(json.answer=='fields_not_specified'){							form.find('#error_block').show();						}else if(json.answer=='no_reciever'){							form.find('#error_block_nouser').show();						}else{							form.find('[name=name]').val('');							form.find('[name=phone]').val('');							form.find('[name=message]').val('');							form.find('#message').addClass("label-success");							form.find('#message').html(json.name+', Ваша заявка отправлена. На ваш контакт '+json.phone+' ответят в течении 24 часов.');							form.find('#message').show();							form.find('#message').delay(5000).hide("slow");													setTimeout("$('#modalForm').modal('hide')", 6000); 						}					}				});			}			return false;					});	});</script>

Для этой части не срабатывает строка с атрибутами data (выдаётся ошибка парсера smarty? и он ругается, то не вместо : нужно вставить } или пробел). 

Вторая часть, где находится кнопка вызова формы и сама форма:

<!--#####################################################################################################################--><!--#####################################################################################################################--><!----------------------------- БЛОК БЫСТРОЙ ПОДАЧИ ОБЪЯВЛЕНИЯ ------------------------------------------------------------><!--#####################################################################################################################--><!--#####################################################################################################################-->						                      <div id="zt-usersp" class="clearfix"></div>                {if $is_account==1 || $hide_advelements==1}                {else}				<!--#####################################################################################################################--><!----------------------------------------------------  1  ----------------------------------------------------------------><!--файл BIG_TABS.TPL.HTML--><!--#####################################################################################################################-->				{literal}				<script type="text/javascript">		$("document").ready(function(){		    $('#modalForm').modal('hide');		});</script>  {/literal}        {include file="map.tpl"}<div id="zt-padding" class="clearfix">    <div id="zt-userwrap3" class="clearfix"><div class="feature_list" style="width: 960px; height: 290px;">        <ul id="feature_tabs" class="feature_tabs" style="width: 380px;">            <li class="current" style="height: 97px;">	            <a href="#search">		            <div class="detail">		                <img src="{$estate_folder}/template/frontend/realty/images/search.png">		                <span class="whites">Поиск недвижимости</span>		                <p class="slidedes whites">Поиск квартиры</p>		            </div>	            </a>                                                </li>            {if $_geo_data_hide!=1}            <li style="height: 97px;">	            <a href="#on_map" onClick="run_map();">		            <div class="detail">		                <img src="{$estate_folder}/template/frontend/realty/images/map_search.png">		                <span class="whites">Наши объекты на карте</span>		                <p class="slidedes whites">Поиск по карте</p>		            </div>	            </a>            </li>            {/if}            <li style="height: 97px;">                <a href="#download2">                        <div class="detail">                            <img src="{$estate_folder}/template/frontend/realty/images/template_tab.png">                            <span class="whites">Подать объявление</span>                            <p class="slidedes whites">Оформите своё объявление</p>                        </div>                </a>            </li>        </ul>        <ul id="feature_output" class="feature_output" style="width: 590px; height: 290px;">        	{if $_geo_data_hide!=1}				<li id="on_map" style="display: none;" style="width: 590px; height: 290px;">										</li>            {/if}            <li id="search" style="display: none;" style="width: 590px; height: 290px;">            	{include file="search_form.tpl"}            </li>                        <!-- БЛОК ДОБАВЛЕНИЯ ОБЪЯВЛЕНЯ -->            <li id="download2" style="display: none; width: 590px; height: 290px;">                <div style="background-image: url({$estate_folder}/template/frontend/realty/images/choose-order-back.png); height: 290px; width: 590px;">				  <div>				  <button onclick="location.href='http://amur-n.ru/add/'"  style="border: none; margin-top:75px;  margin-left: 174px"><img src="{$estate_folder}/template/frontend/realty/images/add_adv_full.png"></button>				  </div>				  <br/>				  <br/>				  <div>                   <button data-toggle="modal" data-target="#modalForm" class="btn" style="border: none; margin-bottom:10px;  margin-left: 170px"><img src="{$estate_folder}/template/frontend/realty/images/add_adv_quick.png"></button> 				  </div>                </div>                             </li>             <!-- БЛОК ДОБАВЛЕНИЯ ОБЪЯВЛЕНЯ -->        </ul></div>    {literal}				<script type="text/javascript">    // <![CDATA[         $(document).ready(function () 		{			$('#feature_tabs').tabify(function()			{                //run_map();            });        });            // ]]></script>{/literal}<!----------------------------------------------------  1  ---------------------------------------------------------------->						<!--#####################################################################################################################--><!----------------------------------------------------  2  ----------------------------------------------------------------><!--скрипт akademiyametrov.js--><!--#####################################################################################################################-->                </div></div>                       <!----------------------------------------------------  2  ---------------------------------------------------------------->									<!--#####################################################################################################################--><!----------------------------------------------------  3  ----------------------------------------------------------------><!--форма HTML краткой подачи заявки--><!--#####################################################################################################################--><div class="modal fade hide" id="modalForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">		  <div class="modal-dialog">		    <div class="modal-content">		    	<form id="order" class="form-horizontal">		      <div class="modal-header">		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>		        <h4 class="modal-title" id="myModalLabel">Заявка на недвижимость</h4>		      </div>		      <div class="modal-body">                                                        <div class="form-group">								<label class="col-sm-3 control-label">Я хочу</label>								<div class="col-sm-9">									<select name="oper">										<optgroup label="Продать"><option value="1">Продать жилую недвижимость</option><option value="2">Продать коммерческую недвижимость</option></optgroup>										<optgroup label="Услуги"><option value="3">Заказать оформление приватизации</option><option value="4">Заказать юридическое сопровождение сделки</option>                                                        <option value="">Заказать оформление перепланировки</option></optgroup>									</select>								</div>							</div>                                                        <div class="form-group">								<label class="col-sm-3 control-label">Опишите недвижимость(количество комнат, этаж, цену)*</label>								<div class="col-sm-9"><textarea class="form-control" rows="5" name="message" required></textarea></div>							</div>                                                        <div class="form-group">								<label class="col-sm-3 control-label">Им*</label>								<div class="col-sm-9"><input class="form-control" type="text" name="name" required value=""/></div>							</div>							<div class="form-group">								<label class="col-sm-3 control-label"><nobr>Телефон/e-mail*</nobr></label>								<div class="col-sm-4"><input class="form-control" type="text" name="phone" required value=""/></div>							</div>		      	<div id="message" class="label"></div>		      </div>		      <div class="modal-footer">		        <!--<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Закрыть</button>-->		        <input type="submit" class="btn btn-lg btn-submit btn-primary" value="Отправить заявку">		      </div>		      </form>		    </div><!-- /.modal-content -->		  </div><!-- /.modal-dialog --></div><!----------------------------------------------------  3  ---------------------------------------------------------------->			<!--#####################################################################################################################--><!--#####################################################################################################################--><!----------------------------- БЛОК БЫСТРОЙ ПОДАЧИ ОБЪЯВЛЕНИЯ: 	КОНЕЦ -------------------------------------------------><!--#####################################################################################################################--><!--#####################################################################################################################-->	

Примечание - все шаблоны специально вынес в один файл для наглядности. 

 

Со стороны это выглядит вот так:post-1749-0-06117100-1394901903_thumb.pn

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

На первый взгляд это переменные, нужно проверить как они у Вас в базе называются.

На второй внимательно просмотрите пути <button onclick="location.href='http://amur-n.ru/add/'" не очень нравиться.

На третий зачем второй раз активироватm Jquery $('#modalForm').modal('hide');?

 

Нужно разбираться. Пока сразу не скажу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас