Ответы пользователя по тегу JavaScript
  • Как передать состояние переключателей на сервер, для передачи результата по почте.?

    @ledokol88 Автор вопроса
    Я не специалист по jQuery, Но данные input text, textarea, data прекрасно передаются! Я не могу отследить какой параметр нужно применить для radio и checkbox, Чтобы Отладить надо быть специалистом, но я увы таковым не являюсь. Но при использовании $.ajax все работает.
    $.ajax({
    					type: 'POST',
    				     url: 'zakaz.php,
    					data: $("#zakaz").serialize(),
    					success: function(data) {
    $('#zakaz').find('input[type=text],input[type=tel],input[type=email], textarea').val('');
    $('#zakaz').find("input[type=checkbox], input[type=radio]").prop("checked", "");
    										}
    				});
    Ответ написан
    Комментировать
  • Как сделать, чтобы сформированный номер в zakazmessageю.php, отобразился в модальном окне заказа id=”zakazbModal”?

    @ledokol88 Автор вопроса
    не работает, где-то ошибаюсь?
    <!doctype html>
    <html><head>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="postzak.js"></script>
    
    	 
    <style>
    .modal1 {opacity: 0;350px; height: auto; position: absolute; left: 100px; top: 100px;}
    .modal1:target {opacity: 1;}
    </style>
    </head>
    <body>
    <article>
    
      <div id="zakazbModal" class="modal1"> <a href="#close1"><img src="img/close.png" alt="close"></a>
    
     <script>
    	 document.querySelector('[href="#close1"]').onclick = function(){
      document.getElementById("zakaz").reset();
    }
    	 </script>
        <form id="zakaz" name="zakaz"  action="#" method="post">
            <h3>Оформление заказа<i class="fas fa-cart-arrow-down"></i></h3>
            <strong class="strong2">Имя</strong><br>
            <input type="text" id="name1z" name="name1z" />
            <br>
            <strong class="strong2">Почта</strong><br>
            <input type="email" id="email1z" name="email1z"/>
            <br>
            <strong class="strong2">Телефон</strong><br>
            <input type="tel" id="tel1z" name="tel1z" /><br>
    		                  <strong>Примечание</strong>&nbsp;<br>
              <textarea id="msg1z" name="msg1z" placeholder="Примечание."></textarea><br>
    		
    		      <button id="sendz" class="sendknop"><i class="fab fa-telegram-plane"></i>&nbsp;&nbsp;&nbsp;&nbsp;Отправить</button>
          <button type="reset" value="Очистить" class="sendknop"  >очистить</button>
    </form>
     
      </div>
       <a href="#zakazbModal">Оформление заказа</a> </article>
    </body>
    </html>

    $.ajax({
    					type: 'POST',
    				     url: 'zakazmessage.php',
    					data: $("#zakaz").serialize(),
    					success: function(data) {
    $('#zakaz').find('input[type=text],input[type=tel],input[type=email], textarea').val('');
    $('#zakaz').find("input[type=checkbox], input[type=radio]").prop("checked", "");
    console.log(data); // в переменной data и будет ваш номер, далее передавайте его как хотите, например так:
    $('#zakazbModal').html(data);
    										}
    				});

    <?php
    $sendto   = "my_mail@yandex.ru";
    // Координаты
    $name = $_POST['name1z'];
    $tel = $_POST['tel1z'];
    $usermail = $_POST['email1z'];
    $content  = nl2br($_POST['msg1z']);
    
    
    // Формирование заголовка письма
    $headers  = "From: " . strip_tags($usermail) . "\r\n";
    $headers .= "Reply-To: ". strip_tags($usermail) . "\r\n";
    $headers .= "MIME-Version: 1.0\r\n";
    $Nzakaz = rand(10000, 99999);
    // Формирование заголовка письма номер заказа и дата
    $sub="Номер";
    $subject  = $sub;
    $headers .= "Content-Type: text/html;charset=utf-8 \r\n";
    // Формирование тела письма
    //$msg .= "<p><strong>Получение:Дата</strong> ".$datvid. "<strong>&nbsp;&nbsp;Время:</strong> ".$timvid."</p>\r\n";
    $msg  = "<html><body style='font-family:Arial,sans-serif;'>";
    $msg .= "<h3 style='font-weight:bold;border-bottom:1px inset #05AC51;'>Заявка</h3>\r\n";
    $msg .= "<h3 style='font-weight:bold; color:#D41114; border:1px solid #DF1518;'>Номер:".$Nzakaz."</h3>\r\n";
    $msg .= "<p><strong>Имя:</strong> ".$name."</p>\r\n";
    $msg .= "<p><strong>Телефон</strong> ".$tel."</p>\r\n";
    $msg .= "<p><strong>Почта</strong> ".$usermail."</p>\r\n";
    $msg .= "<p>".$content."</p>\r\n";
    $msg .= "</body></html>";
    // отправка сообщения
    mail($sendto, $subject, $msg, $headers);
    // отдать js скрипту номер заказа
    echo $Nzakaz;
    
    ?>
    Ответ написан