Bonjour,
je suis entrain d'afficher des données sous forme d'un tableau et j'ai besoin que lorsque l'utilisateur fais double clic sur une ligne, il sera mené vers une page qui contient plus de détails sur cette ligne du tableau.
Savez vous comment faire?? merci
j'utilise page jsp, servlets, services.
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
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
141
142
143
144
145
146
147
148
149
150
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"   import="java.util.ArrayList"
     import="services.DepartementServices"
    import="modele.Risque"
     import="modele.Danger"
      import="modele.Operation"
       import="modele.Prevention"
  import="DAO.DepartementDAO"
  import="DAO.DepartementDAOHibernate"
    import="java.util.List"
    %>
<!DOCTYPE html>
<html dir="ltr" lang="en-US"><head><!-- Created by Artisteer v4.1.0.59861 -->
    <meta charset="utf-8">
    <title>Principal</title>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
 
    <!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="style.css" media="screen">
    <!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
    <link rel="stylesheet" href="style.responsive.css" media="all">
 
 
    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <script src="script.responsive.js"></script>
 
 
 
<style>.art-content .art-postcontent-0 .layout-item-0 { padding-right: 10px;padding-left: 10px;  }
.art-content .art-postcontent-0 .layout-item-1 { color: #353635; background: #F0F0F0; padding-right: 10px;padding-left: 10px;  }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
 
</style></head>
<body>
<div id="art-main">
<nav class="art-nav">
    <ul class="art-hmenu"><li><a href="principal.html">Gestion Personnel</a><ul>
   <li><a href="/.AjoutPersonnel.jsp">Ajout</a></li>
   <li><a href="/.afficherPersonnel.jsp">Consultation</a></li>
   <li><a href="#">Recherche</a></li>
 
  </ul></li><li><a href="home.html">Opérations</a></li><li><a href="products.html">Accidents/Maladies</a></li><li><a href="services.html" class="active">Analyse de risque</a> </li><li><a href="about.html">Equipements</a></li><li><a href="contacts.html">Administration</a></li></ul> 
    </nav>
<header class="art-header">
 
 
    <div class="art-shapes">
 
            </div>
<h1 class="art-headline" data-left="17.97%">
    <a href="#">Gestion sécurité</a>
</h1>
<h2 class="art-slogan" data-left="17.97%">Gestion de sécurité et hygiène de travail</h2>
 
 
 
 
 
 
</header>
<div class="art-sheet clearfix">
            <div class="art-layout-wrapper">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-content"><article class="art-post art-article">
 
 
                <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout">
    <div class="art-content-layout-row">
   <h2 class="art-postheader">Departement: <% String nomDep = (String) request.getAttribute("nomDep"); out.print(nomDep); %></h2>
	<form action="Client_Servlet"></form><div style="width: 100%;" id="tableWrapper"><table id="vsTable"><tbody><tr><td style="width: 10%;" class="title">
 
<div>Operation</div></td><td style="width: 10%;" class="title"><div>Danger</div></td><td style="width: 10%;" class="title"><div>Risque</div></td><td style="width: 10%;" class="title"><div>Risque initial</div></td><td style="width: 10%;" class="title"><div>Risque résiduel</div></td><td style="width: 10%;" class="title"><div>Prévention</div></td></tr>
 
<%Integer id_depar = (Integer) request.getAttribute("id_depar");
DepartementDAO cd=new DepartementDAOHibernate(); 
List l1=cd.findDangerDep(id_depar);
List l2=cd.findRisqueDep(id_depar);
List l3=cd.findOperationDep(id_depar);
List l4=cd.findPreventionDep(id_depar);
 
String risqueIn = (String) request.getAttribute("risqueIn");
String risqueRes = (String) request.getAttribute("risqueRes");
                                                                                                
DepartementServices DServ = new DepartementServices();
 
int i =0;
do
 {
         
        // System.out.println("type des objets de la liste retournée par findDangerRisques : " + l1.get(i).getClass());
        
         Operation c2 = DServ.getOperationD(i, id_depar);
         Prevention c3 = DServ.getPreventionD(i, id_depar);
         Danger c4 = DServ.getDangerD(i, id_depar);
         Risque c1 = DServ.getRisqueD(i, id_depar);
         
         
 out.print("<tr class='second'><td class='text' style='width: 10%;'><div class=''>"+c2.getnom()+"</div><td class='text' style='width: 10%;'><div class=''>"+c4.getnom()+"</div></td><td class='text' style='width: 10%;'><div class=''>"+c1.getNom()+"</div></td><td class='text' style='width: 10%;'><div class=''>"+ risqueIn +"</div></td><td class='text' style='width: 10%;'><div class=''>"+risqueRes+"</div></td><td class='text' style='width: 10%;'><div class=''>"+c3.getNom()+"</div></td></tr>");
i++;
 }
while (i<l1.size() && i<l2.size() && i<l3.size() && i<l4.size());
%>
 
 
	</tbody></table></div>				 
 
 
    </div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-0" style="width: 40%" >
 
    </div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
 
    </div>
</div>
</div>
 
 
</article></div>
                        <div class="art-layout-cell art-sidebar1"><div class="art-vmenublock clearfix">
        <div class="art-vmenublockcontent">
<ul class="art-vmenu"><li><a href="principal.html" class="active">Personnels</a></li><li><a href="home.html">Opérations</a></li><li><a href="products.html">Accidents</a></li><li><a href="services.html">Dangers et Risques</a></li><li><a href="clients.html">Prevention</a></li></ul>
 
        </div>
</div></div>
                    </div>
                </div>
            </div>
    </div>
<footer class="art-footer">
  <div class="art-footer-inner">
<div style="position:relative;display:inline-block;padding-left:42px;padding-right:42px"><a title="RSS" class="art-rss-tag-icon" style="position: absolute; bottom: -10px; left: -6px; line-height: 32px;" href="#"></a><p>Ligula nam dui volutpat enim aenean in quam quis a pulvinar aliquam amet.</p></div>
    <p class="art-page-footer">
        <span id="art-footnote-links"><a href="http://www.artisteer.com/" target="_blank">Web Template</a> created with Artisteer.</span>
    </p>
  </div>
</footer>
 
</div>
 
 
</body></html>