Bonjour,
 
Je m'en remets à vous pour un souci sur lequel je butte depuis plusieurs heures maintenant.
J'ai mis en place un script Javascript (ajax) qui me permet de trier un tableau selon la colonne. Il marche impeccablement, mais comme vous pourrez le voir, lors du tri, le CSS foire complétement puisque au départ une ligne sur deux à un background-color en blanc et l'autre en gris/bleu. Lors du tri, il ne tri pas le CSS avec les données.
 
Quelqu'un aurait-il une idée d'où le code doit être modifié.
 
Voici le script intégré dans mon site : http://www.ninsight.fr/FR/?page=communaute (il vous suffit de jouer avec le tableau pour voir le problème)
 
Voici l'url du script javascript (il s'affiche directement dans le navigateur) http://www.kryogenix.org/code/brow [...] rttable.js
 
Voici l'url du projet javascript http://www.kryogenix.org/code/browser/sorttable/
 
Je vous remercie

Ah, ha, j'utilise exactement le même projet et j'ai eu exactement le même problème. J'ai modifié les lignes suivantes :

for (var j=0; j<row_array.length; j++) {
    tb.appendChild(row_array[j][1]);
}

En:

for (var j in row_array) {
    rows = row_array[j][1]
    tb.appendChild(rows)
    addOrRemoveClass(rows, 'odd', j % 2 == 0)
}

Edit: ah, ouais, addOrRemoveClass est une fonction maison, qui fait ce qu'elle décrit.

for (var j=0; j<row_array.length; j++) {
    tb.appendChild(row_array[j][1]);
}

for (var j in row_array) {
    rows = row_array[j][1]
    tb.appendChild(rows)
    addOrRemoveClass(rows, 'odd', j % 2 == 0)
}

 
Bonjour tpierron
 
Merci beaucoup pour ton aide. Malheureusement, je n'ai aucune idée de comment créer mon addOrRemoveClass ? J'ai bien compris qu'elle devait ajouter ou non une class à td en cours, mais je n'ai aucune idée de comment faire.
 
Pourrais-tu m'aider là-dessus ?
 
Merci

Bah, si ton TR n'a pas d'autre class que odd/even, tu peux faire un truc du genre :

for (var j in row_array) {
     rows = row_array[j][1]
     tb.appendChild(rows)
     rows.className = (j % 2 == 0 ? 'odd' : 'even')
}

Bon, tu adapteras les noms de classe pour correspondre à ta css.

for (var j in row_array) {
     rows = row_array[j][1]
     tb.appendChild(rows)
     rows.className = (j % 2 == 0 ? 'odd' : 'even')
}

 
Je vais avoir l'air d'un idiot, mais j'utilise un peu plus que des class CSS. Je te mets dans le message le bout de code.
 
Du coup, comment puis-je modifier la valeur dans mon onMouseOut ? (pour le style, pas de soucis, je vais externaliser ça dans mon fichier CSS).
 
Merci encore pour ton aide.
 
 

Ouais, heu, tu utilises directement l'attribut "style". Je te conseille fortement de passer par des classes CSS.
 
Pour ton onmouseout et onmouseover, j'utiliserais une fonction du genre :

function mousemove(tr, clear)
{
    tr.className = clear ? (tr.rowIndex % 2 > 0 ? "odd" : "even" ) : "hot"
}

Et au niveau HTML, un truc du genre :

<tr onmouseout="mousemove(this, true)" onmouseover="mousemove(this, false)" ...>

Au niveau css tu auras donc 3 classes à définir : "hot", "odd" et "even".
Disclaimeur: pas testé, faudra sans doute ajuster la condition "tr.rowIndex % 2 > 0".

Formidable, je vais travailler là dessus. Merci tpierron, je te tiens au courant.

Bonjour et merci tpierron pour ton aide précieuse. J'ai pu résoudre mon problème.