Discussion :

[lore2002]

Bonjour,

Je n'arrive pas à changer la couleur mes lignes en utilisant le Layout:collection et les attribut styleClass="tabs1" et styleClass2="tabs2"

Le problème c'est que le style est posé automatiquement sur la balise TD alors qu'il faudrait qu'il soit sur TR.

Est-ce que vous avez des suggestions ?

Voici un exemple de ma fauille de style

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
.tabs1 {
	border-bottom: 6px #ddd solid;
}
.tabs1 th {
	border-right: 1px solid #333;
	background-color: #ddd;
	color: #fff;
	border-left: 1px solid #fff;
}
 
.tabs1 td {
	background-color: #999;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
 
 
 
.tabs2 {
	border-bottom: 6px #ddd solid;
}
.tabs2 th {
	border-right: 1px solid #333;
	background-color: #0099CC;
	color: #fff;
	border-left: 1px solid #fff;
}
 
.tabs2 td {
	background-color: #0033FF;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

[c_nvy]

Essaie comme ceci :

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
TABLE.tabs1 {
	border-bottom: 6px #ddd solid;
}
TH.tabs1 {
	border-right: 1px solid #333;
	background-color: #ddd;
	color: #fff;
	border-left: 1px solid #fff;
}
 
TD.tabs1 {
	background-color: #999;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
 
TABLE.tabs2 {
	border-bottom: 6px #ddd solid;
}
TH.tabs2 {
	border-right: 1px solid #333;
	background-color: #0099CC;
	color: #fff;
	border-left: 1px solid #fff;
}
 
TD.tabs2 {
	background-color: #0033FF;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

[lore2002]

Merci.
Est-ce que tu sais également comment changer facilement la couleur de la ligne sur l'évenement onRowMouseOver ?

[c_nvy]

Ben non, je ne sais pas.

[lore2002]

J'ai une petite idée sur le principe que tu m'as donné. Je vais essayer
onRowMouseClick="this.className='style2'"; et définir un TR.style2 dans ma feuille de style. On verra bien.

[lykan]

Bonjour,

J'aimerais savoir aussi comment on utilise onRowMouseOver et onRowMouseOut si quelqu'un peu m'aider?

Comme la fonction l'indique, je veux que la ligne change de couleur quand on passe dessus avec la souris...

Voila ma collection, elle est dans un popup :

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
<layout:popup styleClass="DCPopup" key="" styleId="myPopup">
				<bean:define id="dcLots" name="dynaCommandesForm" property="dcLots" scope="session"/>	
 
						<layout:pager maxPageItems="25">
					    <layout:collection name="dcLots" onRowMouseOver="" onRowMouseOut="" styleClass="DCtableau" onRowClick="" >
 
							<layout:collectionItem sortable="true" title="lot.num" property="num" url="/dc-ventesuroffre-server/Commande.do?method=listlot&borne1=" param="lotId" />
						    <layout:collectionItem title="lot.lib"    			property="lib"/>
						    <layout:collectionItem title="lot.prix_depart"    	property="prix_depart"/>
 
					    </layout:collection>
					    </layout:pager>
 
				<layout:button styleClass="DCinput" onclick="closeStrutsLayoutPopup('myPopup');">Fermer</layout:button>
			</layout:popup>

et voila mon css pour DCtableau:

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
.DCtableau{
 
	background-color: #f5f5f5;
	font : 8pt verdana, arial, helvetica, sans-serif;
	font-size : 8pt;
}
TABLE.DCtableau{
	text-align:right;
	font:8pt Arial, Helvetica, sans-serif;
	background-color: #000000;
}
 
TH.DCtableau TR TH{
 
	text-align:center;
	font-weight:bold;
	background-color:#000000;/*c3c3c3*/
	vertical-align:middle;
	font-size:8pt;
	color:#E9C66D;
}
 
TH.DCtableau{
	padding:5px;
	border:1px solid white;
	text-align:center;
	font-weight:bold;
	background-color:#000000;/*c3c3c3*/
	vertical-align:middle;
	font-size:8pt;
	color:#E9C66D;
}
 
TD.DCtableau{
	PADDING-LEFT:10px;
	PADDING-RIGHT:10px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	font-size:8pt;	
 
}

Si quelqu'un à une idée ce serait super

Cordialement