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 ??

[chris0938]

j'ai teste i avec alert et il des que j'ouvre la page la boite de dialogue apparait et c'est écrit : 50 NaN 65 31 .... et ça s'arrête pas.

[SpaceFrog]

Code :

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

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

ou

Code :

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

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

[chris0938]

je viens d'essayer tes deux proposition et aucune ne fonctionne.

[SpaceFrog]

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
<script type="text/javascript">
var contenu=new Array(56,89,'<input type="checkbox" checked="checked"/>',52,1,256,'<input type="checkbox" checked="checked"/>')
 
var temp=new Array()
var i=-1;
while(contenu[++i]){
temp.push(parseFloat( (contenu[i].toString().replace(/<[^>]*>/g,'').length==0)? 0: contenu[i].toString().replace(/<[^>]*>/g,'') ) )
}
temp.sort(sortnum)
alert(temp)
 
function sortnum(a,b){
return (a>b)?1:-1
}
</script>

[devyan]

Bonjour,

Je pense qu'il faudrait pousser un peu plus loin le diagnostique du cas qui renvoie NaN...

Il s'agit probablement du traitement de checkbox

[SpaceFrog]

non c'est juste le parseFlot de ('') qui plante ...
d'ou le code que j'ai fourni juste avant

[chris0938]

bonjour,
je vous remercie d'avoir essayé de m'aider. finalement j'ai trouvé un autre script qui fonctionne avec toutes les balises et qui en même temps me régle un autre problème.