message d'alerter ne s'affiche pas

Version imprimable

2 pièce(s) jointe(s)

Bonjour tout le monde j'ai un problème avec un message d'alerte, j'ai créé un formulaire de création de compte pour une application de gestion de parking et je veux que quand je clic sur le bouton s'enregistrer le message d'alerte qui indique que vous vous etes inscrit s'affiche dans la page de destination qui est l'authentification car quand je clic sur enregistrer sa va stoqué les infos entrée par l'utilisateur dans la bd et ça va le redirigé vers la page d'authentification voici mon interface :

Pièce jointe 507205

Voici le code de ma page jsp :

Code:

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Formulaire d'inscription</title>
 
 
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 
    <!-- JS -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="js/main.js"></script>
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 
    <!-- Font Icon -->
 
    <link rel="stylesheet" href="fonts/material-icon/css/material-design-iconic-font.min.css">   
    <!-- Main css -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css">
 
</head>
<body>
 
    <%
          String msg=(String) request.getAttribute("msg");
          
           
         if(msg!=null && !msg.equals("") ){
          %> 
          <script>
    $(document).ready(function (){
         $("#myModal").modal('toggle');
         
    });       
    
           
          </script>
 
          <% } %>
 
    <div class="main">
 
        <div class="container">
            <form method="POST" class="appointment-form" id="appointment-form" action='Creation_compte'>
                <h2>Création de votre compte</h2>
                <div class="form-group-1">
                    <input type="text" name="cin" id="cin" placeholder="Your cin" required />
                    <input type="text" name="adresse" id="adresse" placeholder="Your adresse" required />
                    <input type="email" name="email" id="email" placeholder="Your email" required />
                    <input type="number_format" name="telephone" id="phone_number" placeholder="Your phone number" maxlength="10" required   />
                    <input type="text" name="nom" id="nom" placeholder="Your lastname" required />
                    <input type="text" name="prenom" id="prenom" placeholder="Your  firstname" required />
                    <input type="text" name="login" id="login" placeholder="Your  login" required />
                    <input type="password" name="password" id="password" placeholder="Your  password" required />
                    <div class='form-inline'>
                    <label style='color: black' id='labelrole'>Role</label>
                    <select name='role'>
                        <option value='locataire'>Locataire</option>
                        <option value='proprietaire'>Propriètaire</option>
                    </select>
                    </div>
 
                    <div class='form-inline'>
                    <label style='color: black' id='labelrole'>Sexe</label>
                    <select name='sexe'>
                        <option value='homme'>Homme</option>
                        <option value='femme'>Femme</option>
                    </select>
                    </div>
                    <label style='color: black' id='labeldatenaissance'>Date de naissance</label>
                     <input type="date" name="datenaissance" id="date" placeholder="Your  birthday" required />
                <div class="form-submit">
                    <input type="submit" name="submit" id="submit" class="submit" value="S'enregistrer" />
                </div>
        </div>
            </form>
 
 
 
    </div>
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
 
      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title" style="color: black">Information</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
 
      <!-- Modal body -->
      <div class="modal-body" style="color: black">
        ${msg}
      </div>
 
      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
 
    </div>
  </div>
</div>
 
</body><!-- This templates was made by Colorlib (<a href="https://colorlib.com" target="_blank">https://colorlib.com</a>) -->
</html>

et voici le code de ma servlet :

Code:

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
@Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String cin=request.getParameter("cin");
        String adresse=request.getParameter("adresse");
        String email=request.getParameter("email");
        String telephone=request.getParameter("telephone");
        String nom=request.getParameter("nom");
        String prenom=request.getParameter("prenom");
        String login=request.getParameter("login");
        String password=request.getParameter("password");
        String role=request.getParameter("role");
        String sexe=request.getParameter("sexe");
        String datenaissance=request.getParameter("datenaissance");
        Connection c=Cnx.getcnx();
        try {
            PreparedStatement st=c.prepareStatement("insert into users values (null,?,?,?,?,?,?,?,?,?,?,?)");
            st.setString(1, cin);
            st.setString(2, adresse);
            st.setString(3, email);
            st.setString(4, telephone);
            st.setString(5, nom);
            st.setString(6, prenom);
            st.setString(7, login);
            st.setString(8, password);
            st.setString(9, role);
            st.setString(10, sexe);
            st.setDate(11, Date.valueOf(datenaissance));
            int res=st.executeUpdate();
 
            if(res>0){
                request.setAttribute("msg","Votre compte a été créé avec succés !");
            }
            else {
                request.setAttribute("msg","Création du compte échouée!");
            } 
 
        }
 
        catch (Exception ex){
            request.setAttribute("msg","Error");
            ex.printStackTrace();
        }
         getServletContext().getRequestDispatcher("/WEB-INF/Page_de_cnx.jsp").forward(request, response);
    }

le problème c'est que quand je change ça :

Code:

getServletContext().getRequestDispatcher("/WEB-INF/Page_de_cnx.jsp").forward(request, response);

avec ça :

Code:

getServletContext().getRequestDispatcher("/WEB-INF/Creation_compte.jsp").forward(request, response);

(ce qui veut dire que je change page_de_cnx.jsp (qui est la page de destination) par Creation_compte.jsp ( qui est la page local)) le message d'alerter s'affiche correctement comme vous pouvez le voir ici :

Pièce jointe 507213

Mais dés que je met page_de_cnx qui est la page de destination ( ce qui veut dire que quand je clic sur enregistrer il va me diriger vers cette page) le message d'aleter ne s'affiche plus quelqu'un peut m'aider pleaseeeeeeeeeeeeeee !!!!

Salut,

Et ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<%
          String msg=(String) request.getAttribute("msg");
          
           
         if(msg!=null && !msg.equals("") ){
          %> 
          <script>
    $(document).ready(function (){
         $("#myModal").modal('toggle');
         
    });       
    
           
          </script>
 
          <% } %>

tu l'as bien dans Page_de_cnx.jsp ?

02/10/2019, 19h51
toztoztoze

euh non il est dans creation_compte.jsp
02/10/2019, 21h43
joel.drigo

Comment la boite de dialogue qui affiche le message pourrait s'afficher dans la page résultante de Page_de_cnx.jsp, s'il n'y a pas ce bout de code dedans ? L'affichage est effectué par ce bout de jsp en fonction de la présence de l'attribut "msg" dans la requête (la jsp génère le html/javascript et il s'exécute après que la page soit prête (complètement chargée et rendue)). Il te suffit de le mettre dans Page_de_cnx.jsp pour qu'il s'affiche aussi dans cette page.

C'est un peu la limite de ce genre d'application non ajax : afficher des dialogues de message pour signifier un résultat d'action doit pouvoir se faire dans toutes les pages, ou on ne le fait pas (ou seulement en cas d'erreur, lorsqu'on revient sur la page qui a invoqué l'action). En ajax, la page invoquant l'action peut afficher un message correspondant au retour (du json par exemple) et éventuellement provoquer un changement de page à la fermeture (le dialogue doit être modal du coup).

1 pièce(s) jointe(s)

J'ai bien mis le code dans Page_de_cnx.jsp mais rien ne marche voici mon code :

Code:

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Login V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->	
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->	
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
	<%
          String msg=(String) request.getAttribute("msg");
 
          System.out.println("msg : "+ msg);
         if(msg!=null && !msg.equals("") ){
          %>  
          <script>
    $(document).ready(function (){
         $("#myModal").modal('toggle');
 
    });        
 
 
          </script>
 
          <% } %>
	<div class="limiter">
		<div class="container-login100">
			<div class="wrap-login100">
				<div class="login100-pic js-tilt" data-tilt>
					<img src="images/img-01.png" alt="IMG">
				</div>
 
				<form class="login100-form validate-form" action="Authentification">
					<span class="login100-form-title">
						Member Login
					</span>
 
					<div class="wrap-input100 validate-input" data-validate = "Valid email is required: <a href="mailto:ex@abc.xyz">ex@abc.xyz</a>">
						<input class="input100" type="text" name="email" placeholder="Email">
						<span class="focus-input100"></span>
						<span class="symbol-input100">
							<i class="fa fa-envelope" aria-hidden="true"></i>
						</span>
					</div>
 
					<div class="wrap-input100 validate-input" data-validate = "Password is required">
						<input class="input100" type="password" name="pass" placeholder="Password">
						<span class="focus-input100"></span>
						<span class="symbol-input100">
							<i class="fa fa-lock" aria-hidden="true"></i>
						</span>
					</div>
 
					<div class="container-login100-form-btn">
						<button class="login100-form-btn">
							Login
						</button>
					</div>
 
					<div class="text-center p-t-12">
						<span class="txt1">
							Forgot
						</span>
						<a class="txt2" href="#">
							Username / Password?
						</a>
					</div>
 
					<div class="text-center p-t-136">
						<a class="txt2" href="Creation_compte">
							Create your Account
							<i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
						</a>
					</div>
				</form>
			</div>
		</div>
	</div>
 
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
 
      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title" style="color: black">Information</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
 
      <!-- Modal body -->
      <div class="modal-body" style="color: black">
        ${msg}
      </div>
 
      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
 
    </div>
  </div>
</div>
 
 
 
 
<!--===============================================================================================-->	
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>
 
</body>
</html>

j'ai mis un : System.out.println("msg : "+ msg); pour tester si ça marche et ça marche bien ça m'affiche le msg dans la console de netbeans :

Pièce jointe 507301

mais le modal ne s'affiche pas comment faire ?

1 pièce(s) jointe(s)

c'est bien j'ai trouvé l'erreur les liens bootstrap et js que j'avais mis dans la Page_de_cnx.jsp n'était pas bon fallais que je r'ajoute :
Code:

1 2 3 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
Maintenant mon alerte s'affiche bien comme vous pouvez le voir :

Pièce jointe 507303

Merci beaucoup pour ton aide !!!