delete

by Vladislav Altyncev

HTML

<!--Кнопка вызова окна с формой-->
<a href=#popupCenter class="Button" id="ButtonCen">
                                         Заказать
</a>
         <!--Всплывающее окно с формой-->
<div id="popupCenter">
                 <div class="popupPart">
                         <h4 id="popup"> Заказать</h4>
                         <form id="OrderCenter">
                                 <input type="text" class="popupForm" name="name" placeholder="Ваше имя" required>
                                 <input type="text" class="popupForm" name="email" placeholder="Ваш e-mail">
                                 <input type="text" class="popupForm" name="phone" placeholder="Ваш телефон" required>
                                 <textarea class="popupMassage" name="message" placeholder="Укажите, пожалуйста, ваши пожелания. В ближайшее время мы свяжемся с вами для обсуждения всех деталей." required></textarea>
                                 <input type="submit" class="popupForm" id="ButtonCenter" value="Заказать">
                                 </form>
                 </div>
         </div>
<script>
                 $("#ButtonCen").fancybox({
                 'openEffect' : 'elastic',
                 'closeEffect' : 'elastic',
                 'onstart': function() { $("#popupCenter").css("display","block"); },           
                 'onClosed': function() { $("#popupCenter").css("display","none"); }
                 });
</script>

                                         <!--Всплывающее окно с описанием и формой-->
<a id="showWindowOne" href="#popupOne">Подробнее</a>
                                        
<div id="popupOne">
                         <div class="popupPart">
                                 <h4 id="popup">Заголовок</h4>
                 <p id="offerBoxUp">
                         Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание Описание
                       ...

JavaScript

$(document).ready(function() {
   
        var form_holder_feedback =  '';
   
  
        $.validator.setDefaults({
submitHandler: function() {
                var name = $('[name=name]').val();
                var email = $('[name=email]').val();
                var phone = $('[name=phone]').val();
                var message = $('[name=message]').val();
                var type = "Заказ";
                $.ajax({
                        type: "POST",
                        url: "sendmail.php",
                        data: { name: name, email: email, phone: phone, message: message, type: type }
                }).success(function(html) {
                        form_holder_feedback = html;
                }).error(function() {
                        form_holder_feedback = '<p id="ok">Извините, произошла ошибка отправки формы</p>';
                })
                alert('Спасибо! Мы свяжемся с вами в ближайшее время.');
           
                }
   });
  
        $('#OrderCenter').each(function () {
        $(this).validate();
        });
        });