Bonjour,
Auriez vous une idée sur l'inclusion d'un formulaire dans une modal bootstrap 3 et son enregistrement sans fermeture de la modale ?
lorsque j'enregistre mon doc, celuici 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
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 .modal-dialog { width: 900px!important; }
le fichier categories.php ==> On clique sur le bouton créer pour ouvrir une modal qui contient manufacturers_popup.php
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <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">×</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.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <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"> ..... ..... ..... <button type="submit" name="submit" value="Submit" class="btn">Submit</button> </form>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 $(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); } }) })
Partager