Окно Facebox закрывается после отправки

У меня есть вопрос по поводу Facebox. Когда я нажимаю определенную ссылку на моей странице, модальное окно Facebox открывается просто отлично. Но внутри этого модального окна я хотел бы иметь форму, которую пользователи могут отправлять. Когда пользователи нажимают кнопку отправки, вся страница обновляется, и мое окно Facebox закрывается. Это имеет смысл для меня, но я бы хотел, чтобы это работало по-другому.

Я хочу дать пользователю подтверждение в модальном окне после того, как они отправили форму. Поэтому, когда пользователь нажимает кнопку подтверждения, в модальном окне должно отображаться подтверждение. Кто-нибудь знает, возможно ли это?

Я надеюсь, что вы понимаете мой вопрос:)

С наилучшими пожеланиями

Ким Андерсен

2 ответа

  <form action='whateveryouhave.php' method='POST' id='myform' ><!--notice the form id-->
  <!-- your input and form stuff here just as you have it-->
  <a href='javascript:void(0);' onclick="submitFacebox">
  Submit in facebox instead of whole window
  </a>

  <script type='text/javascript'>
  function submitFacebox() {
      jQuery.post(jQuery('#myform').attr('action'), jQuery('#myform').serialize());
  }
  </script>

Вам нужно изменить форму, чтобы использовать AJAX POST вместо стандартного запроса HTML POST. Вот простой учебник, который показывает, как сделать форму AJAX с jQuery.

Другие вопросы по тегам