Вообщем с формой все ок, она появляется и скрывается. код получился такой
<form method="post" action="" ><div class="b1c-tl">
<span class="b1c-title-name">Купить
{$product.name|escape:'html':'UTF-8'}</span>
</div>
<div class="b1c-description">Чтобы оформить заказ, заполните форму. В ближайшее время с вами свяжется менеджер и уточнит детали заказа, а также время доставки. </div>
<input type="hidden" value="{$product.name|escape:'html':'UTF-8'}" name="yourtovar" />
<div class="b1c-caption">Ваше имя</div>
<input placeholder="Ваше имя" class="b1c-txt" name="yourname" type="text" maxlength="150" style="width: 329px;">
<div class="b1c-caption">Телефон</div>
<input placeholder="Телефон" class="b1c-txt" type="text" name="yourtel" maxlength="150" style="width: 329px;" required>
<div class="b1c-caption">Адрес доставки</div>
<textarea name="yourmessage" placeholder="Адрес доставки" class="b1c-txt" style="width: 329px;"></textarea>
<input type="submit" class="b1c-submit" value="Оформить заказ">
<div class="b1c-result"></div>
</form>
</div>
<script type="text/javascript">
{literal}
$(document).on('click', '#show_kypit', function(e){
e.preventDefault();
$('.feedback-form').show(); $('.brom').show();
});
$(document).on('click', '#shadow', function(e){
e.preventDefault();
$('.feedback-form').hide(); $('.brom').hide();
});
{/literal}
</script>
Но на почту сообщение не приходит. Скрипт стоял к этой форме такой
<script>
document.getElementById('feedback-form').addEventListener('submit', function(evt){
var http = new XMLHttpRequest(), f =$this;
evt.preventDefault();
http.open("POST", "contacts.php", true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send("yourname=" + f.yourname.value + "&yourtel=" + f.yourtel.value + "&yourtovar=" + f.yourtovar.value + "&yourmessage=" + f.yourmessage.value);
http.onreadystatechange = function() {
if (http.readyState == 4 && http.status == 200) {
alert('Ваше сообщение получено.\nМы свяжемся с Вами в течении 24-х часов.\nБлагодарим за обращение!');
/*f.yourmessage.removeAttribute('value'); // очистить поле сообщения (две строки)
f.yourmessage.value='';*/
}
}
http.onerror = function() {
alert('Извините, данные не были переданы');
}
}, false);
$(document).on('submit', '#feedback-form', function() {
$.fancybox.close();
});
</script>
Он не работает. Где можно посмотреть как мне написать скрипт к моей форме?Или может у кого-то есть пример?