[JSP] Affichage selon une liste deroulante

**cnguyen** · 15/06/2006, 20h39

Bonjour,

Voila, j'ai une table projet et une table activite
Il existe pour un projet, plusieurs activites.

J'ai mis mes projets dans une liste deroulante avec comme affichage, le nom des projets et comme value leur id.
Je voudrais que selon le projet selectionnée dans la liste deroulante, cela m'affiche dans un tableau les activites concerné.
Et si possible, que cela se fasse par un rafraichissement immediat et pas par le biais d'un bouton.

Merci

Voici mon code :

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
77
78
79
80
81
82
83
84
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@page language="java" import="cra.*,java.sql.*"%>
<jsp:useBean id="projBean" class="classprojet" scope="session" />
<jsp:useBean id="projAct" class="classactivite" scope="session" />
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>GESTION DES PROJETS</title>
    </head>
    <body>
 
<p><font color="#009900" size="5"><strong>GESTION DES ACTIVITES</strong></font></p>
<hr>
</font></strong></p>
 
<FORM method="post" action="activite.jsp">
<TR>
<TD><B>Liste des projets</B><BR>
<SELECT name="inpprojet">
<% 
projBean.dbConnect();
    if (projBean.selectProjet())
    {
        while (projBean.getElemSuiv())
        {
        String listeprojet = projBean.getElemNomChaine("nom_projet");
        String idprojet = projBean.getElemNomChaine("id_projet");    
       
%>
<option value='<%= idprojet %>'><%= listeprojet %></option>
<%
        }
    }
%> 
</SELECT>
</TD>
</TR>
<input type="submit" value="Selectionner" />
</FORM>
<%
String idprojet = request.getParameter("idprojet");
 
            Class.forName("com.mysql.jdbc.Driver");
            String url = "jdbc:mysql://localhost/test";
            String user = "root";
            String pass = "nguyen";
 
            Connection con = DriverManager.getConnection(url, user, pass);
            Statement stmt = con.createStatement();
 
            ResultSet rs = stmt.executeQuery("SELECT * FROM activite WHERE id_projet=" + idprojet);
 
            if (rs != null){
                while (rs.next())
                {
                    String listeactivite = projAct.getElemNomChaine("nom_activite");
                    String idactivite = projAct.getElemNomChaine("id_activite");
%>
<TR>
<TD><%= idactivite %></TD>
<TD><%= listeactivite %></TD>
</TR>
<%
                }
            }
 
projBean.dbDisconnect();
%>
 
<hr>
<table width="100%" border="0">
  <tr>
    <td><a href="logout.jsp">Se d&eacute;connecter</a></td>
	<td><div align="right"><a href="projet.jsp">Projet</a></div></td>
  </tr>
</table>
 
    </body>
</html>

**Regis.C** · 15/06/2006, 20h51

Envoyé par cnguyen

Bonjour,

Voila, j'ai une table projet et une table activite
Il existe pour un projet, plusieurs activites.

J'ai mis mes projets dans une liste deroulante avec comme affichage, le nom des projets et comme value leur id.
Je voudrais que selon le projet selectionnée dans la liste deroulante, cela m'affiche dans un tableau les activites concerné.
Et si possible, que cela se fasse par un rafraichissement immediat et pas par le biais d'un bouton.

Merci

Voici mon code ...

Et donc ?
Quelle est ta question ?

**cnguyen** · 15/06/2006, 21h18

Ma question c'est:
Comment faire ^^
Car avec le code que j'ai mis, cela ne m'affiche pas la liste des activites selon le projet que j'ai selectionné dans ma liste deroulante.
Et sinon comment je pourrais faire pour ne pas passer par un click mais que la liste des activites se genere automatiquement quand je change de projet.
Enfin j'avais tout mis mais bon...

**c_nvy** · 15/06/2006, 21h38

Il faut appeler une fonction javascript via l'attribut onChange de la balise select.

**cnguyen** · 15/06/2006, 21h54

oui sa je m'en doutais en faites, c'etait pour etre sur, mais pk l'affichage de mes activites selon la liste deroulante ne marche pas?

**c_nvy** · 15/06/2006, 22h08

Il y a même mieux, en soumettant le formulaire via l'attribut onChange de la balise select.

Tu peux t'inspirer de l'exemple qui est à cette url.

**cnguyen** · 15/06/2006, 22h16

comment ouvrir le .war?? xcar ton lien m'amene a enregistrer un .war

**c_nvy** · 15/06/2006, 22h24

En fait, si tu fais enregistrer, tu verras que c'est un .zip

**c_nvy** · 16/06/2006, 09h33

Si tu souhaites garder le code java dans ta jsp (même si ce n'est pas le plus propre), fais un test en donnant un nom à ton formulaire via l'attribut name et en codant l'évènement onchange dans la balise select :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<form name="tonForm" action="activite.jsp">
   <select name="idprojet" onchange="document.tonForm.submit();"/>
...

Et rajoute un test sur la récupération de l'idprojet sélecté, s'il est à null ou pas, avant d'interroger la base de données.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<%
String idprojet = request.getParameter("idprojet");
if ( idprojet != null)
{ ...

**amine1980** · 19/06/2006, 11h03

salut,
tu peux utiliser le composant collection que tu replis a partir d une requete qui te retourne la liste des activités du projet selectionné.
tu peux mettre cette requette par exemple dan sle request ou dans la session selon ton besoin.

**cnguyen** · 19/06/2006, 19h46

Envoyé par amine1980

salut,
tu peux utiliser le composant collection que tu replis a partir d une requete qui te retourne la liste des activités du projet selectionné.
tu peux mettre cette requette par exemple dan sle request ou dans la session selon ton besoin.

Comment ca?? je ne comprs pas :s

Sinon , j'ai fais un truc qui marche mais le probleme c'est que la liste deroulante retourne toujours sur le 1er element de la liste deroulante

voici le code:

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@page language="java" import="cra.*,java.sql.*"%>
<jsp:useBean id="projBean" class="classprojet" scope="session" />
<jsp:useBean id="actBean" class="classactivite" scope="session" />
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>GESTION DES PROJETS</title>
    </head>
    <body>
 
<p><font color="#009900" size="5"><strong>GESTION DES ACTIVITES</strong></font></p>
<hr>
</font></strong></p>
 
<FORM method="post" action="activite.jsp" NAME="envoi">
<TR>
<TD><B>Liste des projets</B><BR>
<SELECT name="inpprojet" ONCHANGE="document.envoi.submit();">
<% 
projBean.dbConnect();
    if (projBean.selectProjet())
    {
        while (projBean.getElemSuiv())
        {
        String listeprojet = projBean.getElemNomChaine("nom_projet");
        String idprojet = projBean.getElemNomChaine("id_projet");    
       
%>
<option value='<%= idprojet %>'><%= listeprojet %></option>
<%
        }
    }
%> 
</SELECT>
</TD>
</TR>
</FORM>
 
<TABLE border="1">
<TR>
<TD></TD>
<TD><B>LISTE DES ACTIVITES</B></TD>
</TR>
<%
String idprojet = request.getParameter("inpprojet");
 
int compteur = 0;
String bgColor = "";
 
            Class.forName("com.mysql.jdbc.Driver");
            String url = "jdbc:mysql://localhost/test";
            String user = "root";
            String pass = "nguyen";
 
            Connection con = DriverManager.getConnection(url, user, pass);
            Statement stmt = con.createStatement();
 
            ResultSet rs = stmt.executeQuery("SELECT * FROM activite WHERE id_projet=" + idprojet);
 
            if (rs != null){
                while (rs.next())
                {
                    String listeactivite = rs.getString("nom_activite");
                    String idactivite = rs.getString("id_activite");
                    
                    if ((compteur % 2) ==0){bgColor = "#99CCFF";}
                    else{bgColor = "#CCFFFF";}
%>
<TR BGCOLOR="<%= bgColor %>">
<TD>
<A href='modifactivite.jsp?idactivite=<%= idactivite %>&listeactivite=<%= listeactivite %>'><img src=button_edit.png></A>
<A ONCLICK='javascript:return confirm("Etes-vous sur de supprimer cet élément ?")' href='delactivite.jsp?idactivite=<%= idactivite %>'><img src=button_drop.png></A>
</TD>
<TD><%= listeactivite %></TD>
</TR>
<%
   compteur = compteur + 1;
                }
            }
projBean.dbDisconnect();
%>
</table>
<hr>
<table width="100%" border="0">
  <tr>
    <td><a href="logout.jsp">Se d&eacute;connecter</a></td>
	<td><div align="right"><a href="projet.jsp">Projet</a></div></td>
  </tr>
</table>
 
    </body>
</html>

**cnguyen** · 19/06/2006, 19h49

Et sinon j'ai essayer pour rendre plus lisible le code de faire pour la selection de l'activite selon l'id du projet cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
    public boolean selectActivite(int id) throws Exception{
        String query = "SELECT id_activite, id_projet, nom_activite FROM activite WHERE id_projet=" + id;
        instruc = conn.createStatement();
        rs = instruc.executeQuery(query);
        boolean ret = false;
        if (rs != null)
            ret = true;
        return(ret);
    }

Mais il me dis que sa ne marche pas lorsque je l'utilise :s pourquoi??

**c_nvy** · 19/06/2006, 20h38

Envoyé par cnguyen

la liste deroulante retourne toujours sur le 1er element de la liste deroulante

Il faudrait rajouter l'attribut selected sur la balise option.

Quelque chose dans le genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<option value='<%= idprojet %>' <% if ( idprojet.equals("inpprojet") { %> selected <%}%> >
     <%= listeprojet %>
</option>

A tester parce qu'il y a bien longtemps que je ne code plus du java dans mes jsp.

**cnguyen** · 19/06/2006, 20h41

Envoyé par c_nvy

Il faudrait rajouter l'attribut selected sur la balise option.

Quelque chose dans le genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<option value='<%= idprojet %>' <% if ( idprojet.equals("inpprojet") { %> selected <%}%> >
     <%= listeprojet %>
</option>

A tester parce qu'il y a bien longtemps que je ne code plus du java dans mes jsp.

Justement, je suis debutant en jsp, comment pourrais-je faire pour faire des pages jsp sans inclure de code java dans mes pages???
Sinon ta technique ne marche pas :s

**c_nvy** · 19/06/2006, 21h00

Faut écrire une servlet qui lit la base de données, stocke le résultat dans une collection et met la collection dans le scope request pour la rendre accessible depuis la jsp.

**cnguyen** · 19/06/2006, 21h11

Aurais-tu un exemple???
Sinon vois tu une solution sur le fait que la liste deroulante revienne toujorus au premier element?

**c_nvy** · 19/06/2006, 21h39

Ce serait plus simple si tu suivais un tutoriel.

As-tu essayé ce que je t'ai donné avec l'option selected de la balise option ?

**cnguyen** · 19/06/2006, 21h43

Oui, je t'ai mis avant que j'avais essayé et que sa n'avais pas marché :s

**c_nvy** · 19/06/2006, 21h57

Ah pardon, je n'avais pas vu.

Le problème, c'est que désormais j'utilise exclusivement Struts et j'ai donc un peu perdu la main avec les servlets.
Et si tu n'en as jamais fait et si je te donne un exemple, il risque d'y avoir beaucoup de choses à t'expliquer pour que tu comprennes comment ça fonctionne.
C'est pour cela que je te conseillais de suivre un tutoriel.

La classe classprojet, c'est toi qui l'as codé ?

**cnguyen** · 19/06/2006, 22h12

Ah ok, tu parlais de struts, j'ai deja étudié un peu le truc, mais en faites comme c'est mes debuts en java jsp, je voulais pas commencait avec strutsn c'est pour cela que je ne l'ai pas utilisé.
Sinon, oui, c'est moi qui a codé classprojet.
Je comptais faire toute mon appli en utilisant des beans pour rendre le code plus agreable mais bon il y a des requetes SELECT avec le where que je n'arrive pas a faire fonctionner :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
public boolean selectActivite(int id) throws Exception{
String query = "SELECT id_activite, id_projet, nom_activite FROM activite WHERE id_projet=" + id;
instruc = conn.createStatement();
rs = instruc.executeQuery(query);
boolean ret = false;
if (rs != null)
ret = true;
return(ret);
}

Donc bah j'ai du mettre tout le code dans la page jsp :s

Enfin, sinon bah pour le probleme de la javascript qui reload toujorus sur le 1er element je ne vois vraiment pas comment faire :s

[JSP] Affichage selon une liste deroulante

Servlets/JSP Java

Discussions similaires

Partager

Partager