Discussion :

[chris0938]

Bonjour,
j'utilise un tableau triable grace à ce script:

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
/*
 * Script qui permet de trier un tableau
 */
 
 
var table=function(){
    function sorter(n){
        this.n=n;
        this.t;
        this.b;
        this.r;
        this.d;
        this.p;
        this.w;
        this.a=[];
        this.l=0
    }
    sorter.prototype.init=function(t,f){
        this.t=document.getElementById(t);
        this.b=this.t.getElementsByTagName('tbody')[0];
        this.r=this.b.rows;
        var l=this.r.length;
        for(var i=0;i<l;i++){
            if(i==0){
                var c=this.r[i].cells;
                this.w=c.length;
                for(var x=0;x<this.w;x++){
                    if(c[x].className!='nosort'){
                        c[x].className='head';
                        c[x].onclick=new Function(this.n+'.work(this.cellIndex)')
                    }
                }
            }else{
                this.a[i-1]={};
                this.l++;
            }
        }
        if(f!=null){
            var a=new Function(this.n+'.work('+f+')');
            a()
        }
    }
    sorter.prototype.work=function(y){
        this.b=this.t.getElementsByTagName('tbody')[0];
        this.r=this.b.rows;
        var x=this.r[0].cells[y],i;
        for(i=0;i<this.l;i++){
            this.a[i].o=i+1;
            var v=this.r[i+1].cells[y].firstChild;
            this.a[i].value=(v!=null)?v.nodeValue:''
        }
        for(i=0;i<this.w;i++){
            var c=this.r[0].cells[i];
            if(c.className!='nosort'){
                c.className='head'
            }
        }
        if(this.p==y){
            this.a.reverse();
            x.className=(this.d)?'asc':'desc';
            this.d=(this.d)?false:true
        }else{
            this.p=y;
            this.a.sort(compare);
            x.className='asc';
            this.d=false
        }
        var n=document.createElement('tbody');
        n.appendChild(this.r[0]);
        for(i=0;i<this.l;i++){
            var r=this.r[this.a[i].o-1].cloneNode(true);
            n.appendChild(r);
            r.className=(i%2==0)?'even':'odd'
        }
        this.t.replaceChild(n,this.b)
    }
    function compare(f,c){
        f=f.value,c=c.value;
        var i=parseFloat(f.replace(/(\$|\,)/g,'')),n=parseFloat(c.replace(/(\$|\,)/g,''));
        if(!isNaN(i)&&!isNaN(n)){
            f=i,c=n
        }
        return (f>c?1:(f<c?-1:0))
    }
    return{
        sorter:sorter
    }
}();

le trier ascendant/descendant s'effectue correctement.
cependant lorsque je rajoute un champs input de type checkbox la colonne en question ne se trie plus correctement.
comment faire pour y remédier?

[SpaceFrog]

il trie le contenu des cellules ... dons le code html ...

il faudrait rajouter dans le code la supression des balises html avec la regExp afin qu'il ne trie que sur le contenu texte

[chris0938]

bonjour,
merci pour ta réponse j'ai essayé ce-ci:

Code :

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

1
2
 
 var i=parseFloat(f.replace(/(\$|\<[^>]*>,)/g,'')),

cela ne fonctionne pas est ce que c'est parce que je l'ai mal écrit?

ps:désolé pour le titre que j'avais mis lors de la création de la discussion je n'avais pas fait attention.

[SpaceFrog]

Code :

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

var i=parseFloat(f.replace(/<[^>]*>/g,''))

[chris0938]

le souci avec ce code c'est que le trie se fonctionne plus sur les autres colonnes et sur celle ou j'ai ma checkbox ne fonctionne toujours pas

Code :

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

1
2
 
 <input type="checkbox" name="CHK_EXP_<?php echo $cont->id; ?>" id="CHK_EXP_<?php echo $cont->id; ?>" value="<?php echo $cont->id; ?>" onclick="SelUnSelColonne(this, '<?php echo $produit; ?>');" CHECKED/>

[SpaceFrog]

tu as testé ce que retournait i (avec un alert ?)
remplace par 0 ??