'even' et 'odd' sur les hidden rows du datatables
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:
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:
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'> ("+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'> ("+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'> ("+aData[24]+" € TTC)</span></td></tr>";
sOut += '</table>';
return sOut;
} |
Merci d'avance.
