Formulaire dans bootsptrap 3 avec modal, retour après enregistrement

Bonjour,

Auriez vous une idée sur l'inclusion d'un formulaire dans une modal bootstrap 3 et son enregistrement ?

lorsque j'enregistre mon doc celui ci ne reste pas sur la modal mais revient sur autre page.

l'objectif est donc de pouvoir rester dans la modal, l'empêcher de se fermer afin de pouvoir continuer à insérer des enregistrement.

Certainement cela doit se passer via un ajax, mais je ne sais pas le faire.

Merci de votre aide

<style>
  .modal-dialog {
    width: 900px!important;
  }
</style>


le fichier categories.php  ==> On clique sur le bouton créer pour ouvrir une modal qui contient manufacturers_popup.php


<a data-toggle="modal" href="filenama_manufactuers_popup.php?page=&mID=&action=new' ;?>" data-target="#myModal">Créer</a>

     <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
         <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Modal title</h4>
              </div>
              <div class="modal-body"><div class="te"></div></div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
         </div> <!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

le fichier manufacturers_popup.php qui contient le formulaire qui va enregistrer les informations fournies.

<form  name="manufacturers" <?php echo 'action="' . osc_href_link((manufacturers_popup.php, osc_get_all_get_params(array('action', 'info', 'mID')) . 'action='insert&mID=' . $_GET['mID']) . '"'; ?> method="post">

   <script>
                    $(document).ready(function () {
                      $('#manufacturers').on('hidden.bs.modal', function() {
                        return false;
                      });
                    });

                    $(function() {

                    $('#manufacturers').submit(function(e) {
                      e.preventDefault();
                      var procUrl = "<?php echo osc_href_link(FILENAME_MANUFACTURERS_POPUP, osc_get_all_get_params(array('action', 'info', 'mID')) . 'action=insert&mID=' . $_GET['mID']) . '"'; ?>",

                      var formData = $(this).serialize();
                      var _this = this;
                      $.ajax({
                        type: 'POST',
                        url: procUrl,
                        data: formData,
                        success: function(response) {
                          $('.popup2').html(response);
                        }
                      })
                    })


                  </script>

.....
.....
.....
<input type="image" src="/languages/french/images/buttons/button_insert_specials.gif" border="0" alt="Insérer" title=" Insérer ">
</form>

Modifié par oitsuki (27 Jul 2014 - 16:15)