Как одновременно открыть диалоговое окно и сделать ajax ответ?

Question

[Сергей]

Сделал при нажатии на submit, отправляется ajax и получаю ответ, но пытаюсь сделать чтоб выводилось в модальном окне, по отдельности все работает. Когда вставояю код в submit, то не работает.

<form method="POST" id="formx" action="javascript:void(null);" onsubmit="call()">
<label for="name">Name:</label><input value="" type="text">
<input onClick="getElementById('win').style.display='none';" value="Send" type="submit">
</form>

</script>
    <script type="text/javascript" language="javascript">
     	function call() {
     	  var msg   = $('#formx').serialize();
            $.ajax({
              type: 'POST',
              url: 'doprocess.php?action=sample1',
              data: msg,
              success: function(data) {
                $('#results').html(data);
              },
              error:  function(xhr, str){
    	    alert('Возникла ошибка: ' + xhr.responseCode);
              }
            });
       return false;
        }
    </script>

Здесь должен появится ответ в модальном окне

<div id="win" style="display:none;">
   <div class="overlay"></div>
      <div class="visible">
        <h2>Заголовок окна</h2>
          <div class="content">
          <div id="results">вывод</div>
          </div>
        <button type="button" onClick="getElementById('win').style.display='none';">закрыть</button>
    </div>
</div>

Comments

[Иван Татауш]

Тебе нужно показать модальное окно если форма отправилась?

Answer 1

[Иван Татауш]

Показывай модалку когда приходит success. Кто-то так если правильно понял задачу

function call() {
     	  var msg   = $('#formx').serialize();
            $.ajax({
              type: 'POST',
              url: 'doprocess.php?action=sample1',
              data: msg,
              success: function(data) {
                $('#results').html(data);
                $('#win').show();
              },
              error:  function(xhr, str){
    	        alert('Возникла ошибка: ' + xhr.responseCode);
              }
            });
       return false;
}