Hi,
I need your help.
I used datatables with hidden lines.
1.
I can not return the background of the parent row ('odd' or 'even'), to the dependent rows hidden.
I can not change the background property of 'details', based on the values 'odd' and 'even'.
2.
I would also have liked the mouseover is disabled for hidden rows.
Can you help me?
Thanks
I need your help.
I used datatables with hidden lines.
1.
I can not return the background of the parent row ('odd' or 'even'), to the dependent rows hidden.
I can not change the background property of 'details', based on the values 'odd' and 'even'.
2.
I would also have liked the mouseover is disabled for hidden rows.
Can you help me?
$('#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' ); } } );
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; }
Thanks