Как открыть форму действий в Jquery Dialog

Question

У меня есть форма:

<form style="display: inline;" action="/player.php" method="post">
            <input type="hidden" name="recname" value="'.$row['name'].'">
            <input type="hidden" name="recordingdesc" value="'.$row['description'].'">
            <input type="hidden" name="reclink" value="$_SESSION['customerid'].'-'.$row['timestamp'].'.wav">

            <button type="submit" class="tooltip table-button ui-state-default ui-corner-all" title=" rec"><span class="ui-icon ui-icon-volume-on"></span></button>
            </form>

и я хочу, чтобы player.php открывался в модальном диалоговом окне и мог отображать информацию о записи, как это можно сделать.

Answer 1

Аякс - это ответ. Отправьте форму через ajax, и в функции обратного вызова (если публикация прошла успешно) вы можете создать свой диалог и загрузить данные, полученные из сообщения. Ознакомьтесь с документацией Jquery на Jquery.post

Answer 2

Сначала создайте диалог, используя jquery-ui . Затем вам нужно ajax отправить форму:

$("form button").click(function() {
  $.post({url: '/player.php', data: $("form").serialize(), 
         success: function (data) {
                     $(div in dialog).html(data);
                     $("#MyDialog").dialog('open');
                  }
  });
  return false;
});