Jump to content
  • 0

Нужна помощь с кодом формы


Yevgen
 Share

Question

Всем привет. 

Есть форма одна , нужно под каждую модель сделать отдельную
Я делал другую форму и прикреплял к другой модели "Карпатська",  форма работает но не отправляет на телеграм заявку.

Помогите пожалуйста, я не особо шарю, а тот кто делал натягивает на деньги постоянно. Просто пример а дальше я уже сам смогу.

https://test.xn--80apgcl9h.com.ua/

<!--Код форми start-->

<div id="form-color" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
  <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
            <div class="left-form"> 
            <div class="colot-tr"> 
                <div class="title-free" >БЕЗКОШТОВНА ДОСТАВКА. ОПЛАТА ПРИ ОТРИМАННІ</div> 
                <div class="color-form"> 
                <div class="vubir">Виберіть колір ялинки</div> 
                <div class="color">
                    <div class="colore">Зелена</div> 
                    </div>

                  <div class="green"> 
                        <label><input type="radio" name="radio_0" value="Блакитна"> <span style="background: rgb(255, 255, 255);"></span ></label> 
                    <img src="blakbtna.jpeg" alt="" class="js-resize-height" style="height: 283px;"> 
                    <div class="colore">Блакитна</div> 
                    < /div> 
                </div> 
                </div               
            </div> 
            <div class="form-zakaz"> 
            <div class="title-zaka">Оформлення замовлення</div>
                <form id=" zakaz1"> 
                    <input type="text" name="name" placeholder="Ваше Ім'я" обов'язково />
                    <input type="text" name="phone" id="phoner2" placeholder="Ваш Телефон" обов'язково /> 
                    <input type="hidden" name="rpicer" value="" id="rpicer" / > 
                    <input type="hidden 
                    " name="razmer" value="" id="razmer" /> <input type="hidden" name="namer" value="" id="namer" /> 
                    <input type ="hidden" name="colore" value="" id="colore" /> 
                    <input type="hidden" name="utm_source" value="" id="property_utm_source" />
                    <input type= "hidden" name="utm_medium" value="" id="property_utm_medium" /> 
                    <input type="hidden" name="utm_campaign" value="" id="property_utm_campaign" />
                    <input type="submit" class = "add btn btn-primary btn-lg btn-block boc_order_btn" value="Замовити" /> 
                    <div class="policec">Натискаючи на кнопку "Замовити", я даю свою згоду на обробку персональних даних і приймаю <a href="/policy/">умови угоди</a></div> 
                </form>
            </div> 
            </div> 
            <div class="right-form"> 
                <div class ="logo"><img src="https://whitesaas.com.ua/uploaded/quizes/61838/expert_photo/ln_7259b3b11fc527ae5b4a50fde874567c0357c76a1633962165.png" /></div > 
                <div class="name-pr">Ковалівська Premium 
зелена/чорна</div> 
                <div class="roxmir">150см</div>
                <div class="price-form">2570 грн</div> 
                < div class="col-form"></div> 
            </div> 
            <div class="right-form"></div> 
    </ div> 
  </div> 
</div>

<!-- код формы finish-->


Еще такое
 

$('.cupiti').on('click', function(){
$('.colot-tr').show();
$('.form-zakaz').hide();
var prodid= $(this).data('id');
var inprod='#prod-' +prodid;
var razmer = $(inprod).find('input:checked').data('raz') + 'cm.';
var rpicer =  $(inprod).find('.new-price').text();
var namer =  $(inprod).find('.product-name-h').html();
var namers =  $(inprod).find('.product-name-h').text();
$('#form-color .price-form').text(rpicer);
$('#form-color .roxmir').text(razmer);
$('#form-color .name-pr').html(namer);
$('#rpicer').val(rpicer);
$('#razmer').val(razmer);
$('#namer').val(namers);
    
 $('#form-color').modal('show');
     
});



$('.color input').on('change', function(){
 var colores = $('.color').find('input:checked').val();
 $('#colore').val(colores);
$('.colot-tr').hide();
$('.form-zakaz').show();
});

$("#zakaz1").submit(function (event) {
    event.preventDefault();
    
     let fd = $(this).serialize();
     
     $.ajax({
      url: "sender.php",
     type: 'POST',
    data: $(this).serialize(),
      success: function (data) {
      
     
            setTimeout(() => {
            document.location.href = '/thanks.html'
          }, 2000);
      
     }
    
    
    
    });
    
    });
    
    $("#zakaz2").submit(function (event) {
    event.preventDefault();
    
     let fd = $(this).serialize();
     
     $.ajax({
      url: "sender2.php",
     type: 'POST',
    data: $(this).serialize(),
      success: function (data) {
      
     
            $('.form-zakaz').html('<div class="sec">Ваше замовленя відправлено</div>');
          setTimeout(() => {
             $('#form-color').modal('hide');
          }, 4000);
      
     }
    
    
    
    });
    
    });

 

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Обсуждения

    • Вот тут есть актуальный список бесплатных тестов с сертификацией https://www.classcentral.com/report/free-certificates/ Обратите внимание на HackerRank, там есть тест с сертификацией непосредственно по CSS
    • Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style> .nav {     display: flex;     list-style-type: none;     padding-left: 0;     font-size: 17px;     text-transform: uppercase; } .nav > li > a {     color: #fff;     text-decoration: none; } .nav > li {     padding-left: 29px;     margin-left: 30px; } .header {     display: flex;     background-color: #31485b;     justify-content: space-between;     align-items: center; }   .sidebar {     width: 410px;     display: block;     padding-right: 20px;     margin: auto;     margin-left: 250px; }   ul.nav li a:hover {     background-color: #687c8d;     padding: 17.2px 35px; }   input[type="text"], input[type="search"] {   background-color: #687c8d;   width: 60%;   padding: 8px;   margin: 0 50px }   input[type="search"] {     color: #31485b;     font-style: italic; }     </style> </head> <body>     <div class="header">                 <ul class="nav">                     <li class="s1"><a href="#">Главная</a></li>                     <li><a href="#">Блог</a></li>                     <li><a href="#">Сервисы</a></li>                     <li><a href="#">Онлайн-профессии</a></li>                     <li><a href="#">О сайте</a></li>                 </ul>                                 <div class="sidebar">                     <form method="post" action="#" id="search_form" >                       <input type="search" name="search_field" placeholder="Поиск" />                     </form>                   </div>     </div> </body> </html>  
    • ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
    • например -R не будет качать указанные файлы если вы знаете список нужных вам файлов, проще их указать или можно написать парсер
    • выкладывайте код в песочнице, так будет проще У вас media подключается до blocks/header, по этому правила из blocks/header перекрывают media сверху вниз в css пишите tag .class ... @media и не будет у вас подобных проблем  
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy