Discussion :

[delph1983]

Bonjour,

que faut-il ajouter dans le css pour que tout le tr soit un lien? et que donc quand on fait un a:hover toute la ligne change de couleur et pas seulement la cellule.

Code :

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

1
2
3
4
5
6
<display:table name="notificationListPc" id="notif" pagesize="20" requestURI="" style="width: 100%">
  <display:column title="Type" property="type" sortable="true" url="/NotificationDetails.jsp" paramId="id" paramProperty="id" />
  <display:column title="Date" property="dateNotif" sortable="true" url="/NotificationDetails.jsp" paramId="id" paramProperty="id"/>
  <display:column title="Sujet" property="sujet" sortable="true" url="/NotificationDetails.jsp" paramId="id" paramProperty="id"/>
  <display:column title="Demandé par" property="agentDemande" sortable="true" url="/NotificationDetails.jsp" paramId="id" paramProperty="id"/>
</display:table>

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
th 
{
	padding: 2px 4px 2px 4px ;
	text-align: left;
	vertical-align: top;
}
 
 
thead tr 
{
	background-color: #00CC99;
}
 
th a,th a:visited, th a:hover 
{
	color: black;
        text-decoration: none;
}
 
th.sorted a,th.sortable a 
{
	background-position: right;
	display: block;
	width: 100%;
}
 
th.sortable a 
{
	background-image: url(../image/arrow_off.png);
        background-repeat: no-repeat;
}
 
th.order1 a 
{
	background-image: url(../image/arrow_down.png);
        background-repeat: no-repeat;
}
 
th.order2 a 
{
	background-image: url(../image/arrow_up.png);
        background-repeat: no-repeat;
}
 
tr a
{
    	text-decoration:    none;
	color:              black;
        display:            block;
        width:              100%;
        height:             100%;
}
 
tr a:hover
{
        background-color:   #00CC99;
        cursor:             hand; 
        color:              yellow;
}
 
tr.odd 
{
	background-color: #99ff99;
}
 
tr.tableRowEven,tr.even {
	background-color: #88ff77;
}
 
span{
    display: none;
}

Merci de vos réponses!

[PoichOU]

hello

désolé je n'ai pas vraiment la réponse mais le sujet m'intéresse.

PoichOU

ps : j'ai déjà fait ça mais avec du javascript et je trouve pas ça terrible