API tools faq
paste
Advertisement
Guest User

no error

a guest
Feb 4th, 2015
426
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.72 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>Библиотека тайных наук</title>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
  6. </head>
  7. <body>
  8.   <form id="CalcForm" name="CalcForm" action="#" method="post">
  9.  
  10.     <input id="wsize1" name="wsize1" type="hidden" value="165">
  11.         <input id="wsize2" name="wsize2" type="hidden" value="165">
  12.         <input id="wsize3" name="wsize3" type="hidden" value="165">
  13.         <input id="wsize4" name="wsize4" type="hidden" value="165">
  14.         <input id="dsize1" name="dsize1" type="hidden" value="165">
  15.         <input id="dsize2" name="dsize2" type="hidden" value="165">
  16.  
  17.     <input id="type_window" name="type_window" type="hidden" value="okno">
  18.         <input id="col_stv" name="col_stv" type="hidden" value="2">
  19.         <input id="stv1" name="stv1" type="hidden" value="no">
  20.         <input id="stv2" name="stv2" type="hidden" value="no">
  21.         <input id="stv3" name="stv3" type="hidden" value="no">
  22.         <input id="furnitura" name="furnitura" type="hidden" value="Roto NT KSR">
  23.         <input id="glubina" name="glubina" type="hidden" value="250 мм РБК">
  24.         <input id="steklopaket" name="steklopaket" type="hidden" value="Однокамерный">
  25.         <input id="profil" name="profil" type="hidden" value="- системы 58">
  26.         <input id="ruchka" name="ruchka" type="hidden" value="Ручка Hoppe, белая">
  27.  
  28.     <div class="dif_box_list dblmarg dblmargleft">Фурнитура:<br>
  29.         <div id="dd1" class="wrapper-dropdown-1" tabindex="1">
  30.             <span>Roto NT</span>
  31.             <ul class="dropdown" tabindex="1" style="z-index: 50;">
  32.                 <li><a href="#" id="furnitura1">Roto NT</a></li>
  33.                 <li><a href="#" id="furnitura2">Roto NT KSR</a></li>
  34.             </ul>
  35.         </div>
  36.     </div>
  37.  
  38.     <div class="dif_box_list dblmarg">Глубина подоконника:<br>
  39.         <div id="dd2" class="wrapper-dropdown-1" tabindex="1">
  40.             <span>Ширина 150 мм РБК</span>
  41.             <ul class="dropdown" tabindex="1" style="z-index: 50;">
  42.                 <li><a href="#" id="glubina1">Ширина 150 мм РБК</a></li>
  43.                 <li><a href="#" id="glubina2">200 мм РБК</a></li>
  44.                 <li><a href="#" id="glubina3">250 мм РБК</a></li>
  45.                 <li><a href="#" id="glubina4">300 мм РБК</a></li>
  46.                 <li><a href="#" id="glubina5">350 мм РБК</a></li>
  47.                 <li><a href="#" id="glubina6">400 мм РБК</a></li>
  48.                 <li><a href="#" id="glubina7">450 мм РБК</a></li>
  49.                 <li><a href="#" id="glubina8">500 мм РБК</a></li>
  50.                 <li><a href="#" id="glubina9">550 мм РБК</a></li>
  51.                 <li><a href="#" id="glubina10">600 мм РБК</a></li>
  52.             </ul>
  53.         </div>
  54.     </div>
  55.  
  56.     <div class="dif_box_list dblmarg">Тип стеклопакета:<br>
  57.         <div id="dd3" class="wrapper-dropdown-1" tabindex="1">
  58.             <span>Однокамерный</span>
  59.             <ul class="dropdown" tabindex="1" style="z-index: 50;">
  60.                 <li><a href="#" id="steklopaket1">Однокамерный</a></li>
  61.                 <li><a href="#" id="steklopaket2">Двухкамерный</a></li>
  62.             </ul>
  63.         </div>
  64. </div>
  65. <div class="clear"></div>
  66.  
  67. <div class="dif_box_list dblmargleft">Тип профиля:<br>
  68.         <div id="dd4" class="wrapper-dropdown-1" tabindex="1" style="z-index: 40;">
  69.             <span>- системы 58</span>
  70.             <ul class="dropdown" tabindex="1">
  71.                 <li><a href="#" id="profil1">- системы 58</a></li>
  72.                 <li><a href="#" id="profil2">KBE</a></li>
  73.                 <li><a href="#" id="profil3">REHAU</a></li>
  74.                 <li><a href="#" id="profil4">MONTBLANC ECO</a></li>
  75.                 <li><a href="#" id="profil5">REACHMONT</a></li>
  76.                 <li><a href="#" id="profil6">VEKA</a></li>
  77.                 <li><a href="#" id="profil7">-системы 70</a></li>
  78.                 <li><a href="#" id="profil8">KBE</a></li>
  79.                 <li><a href="#" id="profil9">REHAU</a></li>
  80.                 <li><a href="#" id="profil10">VEKA</a></li>
  81.             </ul>
  82.         </div>
  83. </div>
  84.  
  85. <div class="dif_box_list">Ручка:<br>
  86.         <div id="dd5" class="wrapper-dropdown-1" tabindex="1" style="z-index: 40;">
  87.             <span>Ручка internika</span>
  88.             <ul class="dropdown" tabindex="1">
  89.                 <li><a href="#" id="ruchka1">Ручка internika</a></li>
  90.                 <li><a href="#" id="ruchka2">Ручка Compact, белая</a></li>
  91.                 <li><a href="#" id="ruchka3">Ручка Hoppe, белая</a></li>
  92.             </ul>
  93.         </div>  
  94. </div>
  95. <div class="clear"></div>
  96.  
  97. <div class="dif_box_list dblmargleft">Москитные сетки:
  98.     <div class="dbl_check_one">
  99.         <input id="check_one" name="set1" type="checkbox" class="checkbox label1">
  100.         <label for="check_one" class="label label1">На окно</label>
  101.         <input id="check_two" name="set2" type="checkbox" class="checkbox label2">
  102.         <label for="check_two" class="label label2">На дверь</label>
  103.         <div class="clear"></div>
  104.         <input id="check_three" name="set3" type="checkbox" class="checkbox label3">
  105.         <label for="check_three" class="label label3">На дверь</label>
  106.     </div>
  107. </div>
  108.  
  109. <div class="dif_box_list">Дополнительно:    
  110.     <div class="dbl_check_one">
  111.         <input id="check_four" name="dopm1" type="checkbox" class="checkbox label4">
  112.         <label for="check_four" class="label label4">Защита от детей</label>
  113.         <div class="clear"></div>
  114.         <input id="check_five" name="dopm2" type="checkbox" class="checkbox label5">
  115.         <label for="check_five" class="label label5">Ручка с замком</label>
  116.     </div>
  117. </div>
  118.  
  119. <div class="calc_refresh"><a class="refresh_link">Повторить расчет</a></div>
  120.  
  121. <!-- ***************************** -->
  122.  
  123. <div id="dim">
  124. <div class="window_form">
  125.     <div class="close"></div>
  126.         <div class="delivery_form_title">Заполните форму для<br>заказа расчета стоимости</div>
  127.  
  128.         <input name="name" type="text" class="delivery_name" placeholder="Введите Ваше имя"><br>
  129.             <input name="phone" type="text" class="delivery_phone phone3" placeholder="Введите Ваш телефон"><br>
  130.             <input name="email" type="text" class="delivery_email" placeholder="Введите Вашу почту"><br>
  131.  
  132.             <span id="send">Рассчитать стоимость</span>
  133.     </div>
  134. </div>
  135.  
  136. <!-- ***************************** -->
  137.  
  138. </form>
  139.  
  140. <script>
  141.  
  142. $("#send").click(function(){
  143.  
  144. var _object = $("form[name='CalcForm']").serializeObject();
  145.   console.log(_object);
  146.  });
  147.  
  148. $.fn.serializeObject = function()
  149. {
  150.    var o = {};
  151.    var a = this.serializeArray();
  152.    $.each(a, function() {
  153.        if (o[this.name] !== undefined) {
  154.            if (!o[this.name].push) {
  155.                o[this.name] = [o[this.name]];
  156.            }
  157.            o[this.name].push(this.value || '');
  158.        } else {
  159.            o[this.name] = this.value || '';
  160.        }
  161.    });
  162.    return o;
  163. };
  164.  
  165.  
  166. function sendForm(form)
  167. {
  168.     alert('asd');
  169.     var data =
  170.     {
  171.         name: $(form).find('input[name="name"]').val(),
  172.         phone: $(form).find('input[name="phone"]').val(),
  173.         email: $(form).find('input[name="email"]').val(),
  174.  
  175.         wsize1: $(form).find('input[name="wsize1"]').val(),
  176.         wsize2: $(form).find('input[name="wsize2"]').val(),
  177.         wsize3: $(form).find('input[name="wsize3"]').val(),
  178.         wsize4: $(form).find('input[name="wsize4"]').val(),
  179.         dsize1: $(form).find('input[name="dsize1"]').val(),
  180.         dsize2: $(form).find('input[name="dsize2"]').val(),
  181.         type_window: $(form).find('input[name="type_window"]').val(),
  182.         col_stv: $(form).find('input[name="col_stv"]').val(),
  183.         stv1: $(form).find('input[name="stv1"]').val(),
  184.         stv2: $(form).find('input[name="stv2"]').val(),
  185.         stv3: $(form).find('input[name="stv3"]').val(),
  186.         furnitura: $(form).find('input[name="furnitura"]').val(),
  187.         glubina: $(form).find('input[name="glubina"]').val(),
  188.         steklopaket: $(form).find('input[name="steklopaket"]').val(),
  189.         profil: $(form).find('input[name="profil"]').val(),
  190.         ruchka: $(form).find('input[name="ruchka"]').val(),
  191.  
  192.         set1: $(form).find('input[name="set1"]').val(),
  193.         set2: $(form).find('input[name="set2"]').val(),
  194.         set3: $(form).find('input[name="set3"]').val(),
  195.         dopm1: $(form).find('input[name="dopm1"]').val(),
  196.         dopm2: $(form).find('input[name="dopm2"]').val()
  197.  
  198.     }
  199.  
  200.     switch (form.id)
  201.     {
  202.         case 'HeaderForm': data['form'] = 'HeaderForm'; break;
  203.         case 'DeliveryForm': data['form'] = 'DeliveryForm'; break;
  204.         case 'ConsultForm': data['form'] = 'ConsultForm'; break;
  205.         case 'FooterForm': data['form'] = 'FooterForm'; break;
  206.         case 'CWForm': data['form'] = 'CWForm'; break;
  207.         case 'CalcForm': data['form'] = 'CalcForm'; break;
  208.     }
  209.  
  210.     $.ajax({
  211.         type: 'POST',
  212.         url: 'mailer.php',
  213.         data: data,
  214.         success: function() {
  215.  
  216.             $(form).find('input,textarea').each(function(){$(this).val('')});
  217.  
  218.             $("#dim, #dim2").fadeOut('fast', function()
  219.             {
  220.                 $("#dim3").fadeIn();
  221.                 setTimeout(function() {$("#dim3").fadeOut();}, 5000);
  222.             });
  223.  
  224.         }      
  225.    });
  226. }
  227. </script>
  228. </body>
  229. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!