Facebox window closes after submit

Question

I have a question regarding Facebox. When I click a certain link on my page, the Facebox modal window opens just fine. But inside this modal window I'd like to have a form that users can submit. When the users click the submit-button, the whole page refreshes, and my Facebox-window is closed. This makes sense to me, but I'd like it to work differently.

I want to give the user a confirmation, inside of the modal window, after they have submitted the form. So when a user clicks the submit-button, a confirmation should be showed inside og the modal-window. Anybody know if this is possible?

I hope that you understand my question :)

Best regards

Kim Andersen

Facebox? Is that a cheap imitation of Facebook? ;-) – Andy Shellam Mar 25 '10 at 08:44 — Andy Shellam, Mar 25 '10 at 08:44

score 0 · Answer 1 · answered Mar 25 '10 at 08:44

0

You need to change your form to use AJAX POST instead of standard HTML POST request. Here's a simple tutorial that shows how to do AJAX form with jQuery.

answered Mar 25 '10 at 08:44

Franci Penov

74,861
18
132
169

score 0 · Answer 2 · answered Oct 11 '10 at 06:37

  <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>

Facebox window closes after submit

2 Answers2