Discussion :

[erlap]

Bonjour,

Développant actuellement une fonctionnalité utilisant jquery et datatable.js, je me heurte au problème qu'une partie du code n'est pas interprétée selon le navigateur et l'OS. En effet, cela génère une datatable qui suivant une certaine condition, change le css de la ligne en ajoutant une couleur vert sur le texte de cette ligne. Fonctionnant bien sur les différents navigateurs sur windows (IE, firefox, chrome, safari), il y a cependant un problème : le texte de la ligne devant devenir vert reste noir quand la page est chargé sur Safari sur MAC. De plus la couleur verte est bien chargée lors du chargement de cette page sur le navigateur chrome de ce même MAC. Auriez-vous une petite idée de la cause du problème ? Pour information fnRowCallback est exécuté après que la ligne en question a été générée.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
                        // update row background regarding if the vac works already for this client
                        if ( aData["valide"].length > 2 )
                        {
                            if(aData["valide"].search(/[0-9]+.0/)>-1)
                            {
                                $('td', nRow).css('color', 'green');
                            }
}
}

[Toufik83]

Il va falloir déboguer ton script pour savoir à quel moment ça ne fonctionne pas.
commence d'abord par mettre des console.log() dans chaque étape

Code jquery :

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

1
2
3
4
5
6
7
8
9
10
11
 
if ( aData["valide"].length > 2 ){
       console.log("oui, ça passe dans la condition .length >2 ");
       if(aData["valide"].search(/[0-9]+.0/)>-1){
            console.log("oui, ça passe dans la condition .search ...");
            $('td', nRow).css('color', 'green');
            /* si tu vois les log dans la console cela veux dire que le script entre bien dans tes deux conditions
             , ensuite essaie d'écrire la dernière ligne autrement */
            nRow.find('td').css('color', 'green');
       }
}