Discussion :

[jytest]

Bonjour,

J'ai besoin de votre aide.

J'utilise datatables avec les lignes cachées.
1.
Je ne peux pas renvoyer le background des lignes "mères" (les visibles) aux lignes "filles" (les cachées), suivant les critères 'odd' et 'even'.
Je n'arrive pas à changer les propriétés de 'details'.

2.
Je n'arrive pas non plus à désactiver les mouse over sur les lignes cachées.

A l'aide, svp.

Code :

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

1
2
3
4
5
6
7
8
9
10
$('#example tbody td img').live('click', function () {
	var nTr = $(this).parents('tr')[0];
	if (oTable.fnIsOpen(nTr)) {
		this.src = "images/recherche/detailouvrir.gif";
		oTable.fnClose( nTr );
	} else {
		this.src = "images/recherche/detailfermer.gif";
		oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
	}
} );

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
function fnFormatDetails (oTable, nTr) {
	aData = oTable.fnGetData( nTr );
	forme = aData[1];
	image = imgforme[libforme.length-1];
	for (var k=1; k<libforme.length; k++) {
		if (forme == libforme[k]) {
			image = imgforme[k];
			k = libforme.length;
		}
	}
	sOut = "<table cellpadding='5' cellspacing='0' border='0' style='margin:7px 0px 7px 0px; padding-left:0px;'>";
	sOut += "<tr><td rowspan='10' valign='top' align='center' style='width:70px; background-color:#FFFFFF;'>";
	sOut += "<img src='"+image+"' width='63' height='63' alt='recherche diamant'>";
	sOut += "</td>";
	sOut += "<td>Référence :</td><td><a href='recherche10.php?id="+aData[9]+"' class='curseur'>"+aData[9]+"</a></td>";
	sOut += "<td>Certificat :</td><td><a href='certificat00.php?id="+aData[9]+"' class='curseur' target='_blank'>"+aData[13]+"</a></td>";
	sOut += "<td valign='bottom' style='width:85px; text-align:center; padding:0 0 2px 0;' rowspan='10'>";
	sOut += "<a href='boutique.php'>";
	sOut += "<div style='float:left; text-align:right; line-height:11px;' class='ajouterpanier'>Ajouter<br>au Panier</div>";
	sOut += "<div style='float:left; padding-top:1px; padding-left:5px;'><img src='images/boutique/panier.png' alt='ajouter' name='ajouter' width='20' height='20' id='ajouter'></div>";
	sOut += "<div style='clear:both';></div>";
	sOut += "</a>";
	sOut += "</td></tr>";
	sOut += "<tr><td style='width:95px;'>Poids (carats) :</td><td style='width:95px;'>"+aData[2]+"</td>";
	sOut += "<td style='width:120px;'>Profondeur % :</td><td style='width:125px;'>"+aData[14]+"</td></tr>";
	sOut += "<tr><td>Qualité de taille :</td><td>"+aData[1]+"</td>";
	sOut += "<td>Table % :</td><td>"+aData[15]+"</td></tr>";
	sOut += "<tr><td>Symétrie :</td><td>"+aData[10]+"</td>";
	sOut += "<td>Rondiste :</td><td>"+aData[16]+"</td></tr>";
	sOut += "<tr><td>Polissage :</td><td>"+aData[11]+"</td>";
	sOut += "<td>Colette :</td><td>"+aData[17]+"</td></tr>";
	sOut += "<tr><td>Couleur :</td><td>"+aData[3]+"</td>";
	sOut += "<td>Dimensions :</td><td>"+aData[18]+"</td></tr>";
	sOut += "<tr><td>Pureté :</td><td>"+aData[5]+"</td>";
	sOut += "<td>Rapport Long/Larg :</td><td>"+aData[19]+"</td></tr>";
	sOut += "<tr><td>Fluorescence :</td><td>"+aData[12]+"</td>";
	sOut += "<td>Prix/carat :</td><td>"+aData[20]+" €<span class='grisfonce italique'>&nbsp;&nbsp;&nbsp;("+aData[22]+" € TTC)</span></td></tr>";
	sOut += "<tr><td>Délai non serti :</td><td>"+aData[25]+"</td>";
	sOut += "<td>Prix bijouterie</td><td>"+aData[21]+" €<span class='grisfonce italique'>&nbsp;&nbsp;&nbsp;("+aData[23]+" € TTC)</span></td></tr>";
	sOut += "<tr><td>Délai serti :</td><td>"+aData[26]+"</td>";
	sOut += "<td class='bold nuancefonce'>Prix Celinni</td><td class='bold nuancefonce'>"+aData[8]+" €<span class='grisfonce italique'>&nbsp;&nbsp;&nbsp;("+aData[24]+" € TTC)</span></td></tr>";
	sOut += '</table>'; 
	return sOut;
}

Merci d'avance.

[Lorenzo77]

salut,

avec JQ si tu veux éviter de cibler des élements cachés, suffit de faire :

Code :

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

$('td').not(':hidden')

ou

Code :

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

$('td').not(':visible')

ca depend de la maniere utilisée pour cacher les éléments

http://api.jquery.com/hidden-selector/
http://api.jquery.com/visible-selector/

[jytest]

Je peux te demander un plus de "code" pour moi solutionner mes 2 soucis ?
Je reprécise que j'utilise les css et le js de datatables...
D'avance merci.