Bonsoir,
J'utilise bootstrap et je voudrais ouvrir une fenêtre modal à partir d'un autre fichier jsp. Je travaille dans eclipse et mes fichiers sont stockés dans /webContent/Web-inf. Mon problème est je pense au niveau de url
Voici mon premier fichier: Liste.jsp son contenu:
L'autre fichier que je souhaite ouvrir en modal affiche.jsp et son contenu
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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/> <link rel="stylesheet" href="bootstrap/css/bootstrapValidator.min.css"/> <link href="bootstrap/css/range_form.css" rel="stylesheet"> <script src="bootstrap/js/jquery-1.10.2.min.js"></script> <script src="bootstrap/js/bootstrap.js"></script> <script src="bootstrap/js/bootstrapValidator.js"></script> <script src="bootstrap/js/ajax.js"></script> <script type="text/javascript"> $(function () { $('tbody > tr').on('click', function(event) { $.ajax({ type: 'POST', url = "affiche.jsp?numero="+$(this).find('td.hidden-xs').text(), success : function(){ event.preventDefault(); $(url).modal('show'); }, error: function() { alert('Erreur'); } }) }) }); </script> <div class="container"> <fieldset style="margin-right:auto; margin-left:auto" style="width:14050px"><legend style="font-weight:auto;"><span class="style1"></span></legend> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="panel panel-default panel-table"> <div class="panel-heading"> <div class="row"> <div class="col col-xs-6"> <h3 class="panel-title">Test1</h3> </div> <div class="col col-xs-6 text-right"> <input id="numcpte" type="text" name="numcpte" class="form-control" placeholder="Veuillez saisir le numéro."> </div> </div> </div> <div class="panel-body"> <table width="100%" id="lst_cmde" class="table table-striped table-bordered table-list"> <thead> <tr> <th><em class="fa fa-cog" id="numcpte"></em></th> <th class="hidden-xs">N°Compte</th> <th>Nom </th> </tr> </thead> <tbody> <%List<Commande> romy=(List<Commande>) request.getAttribute("lst_cmmde"); %> <% for(int j=0;j<romy.size();j++){%> <tr> <td align="center"> <a class="btn btn-default"><em class="fa fa-pencil"></em></a> </td> <td class="hidden-xs"><%= romy.get(j).getNo_compte()%></td> <td><%= romy.get(j).getNomclient() %></td> </tr> <% } %> </tbody> </table> </div> <div class="panel-footer"></div> </div> </div> </div> </fieldset> </div> <div style='display:none'> <div id="dialog-modal" title="Basic modal dialog"> <p>Loading</p> </div> <div>
Merci de votre aide et est ce possible d'avoir la documentation de bootstrap en français ?
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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/> <link rel="stylesheet" href="bootstrap/css/bootstrapValidator.min.css"/> <link href="bootstrap/css/range_form.css" rel="stylesheet"> <script type="text/javascript" src="bootstrap/js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> <script type="text/javascript" src="bootstrap/js/bootstrapValidator.js"></script> <script type="text/javascript" src="bootstrap/js/ajax.js"></script> <!-- Afficher la fenetre modal --> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel"><i class="text-muted fa fa-shopping-cart"></i> <strong> N°:</strong> - </h4> </div> <div class="modal-body"> <form name="cmdeForm_edit" id="cmdeForm_edit" method="post" action="" class="form-horizontal"> <div class="container"> <div class="row"> <div class="col-xs-3"> <label for="numcpte" class="col-md-3 control-label">Compte:</label> <input id="numcpte" type="text" name="numcpte" class="form-control" placeholder="Veuillez saisir le numéro de compte du client." required="required" data-error="Veuillez saisir le numéro de compte du client."> <div class="help-block with-errors"></div> </div> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="btn_save_data" class="btn btn-primary">Enregistrer</button> </div> </div> </div> </div>
Partager