Avec un input de type checkbox, mon script de tri ne fonctionne plus

Version imprimable

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

Code:

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?

03/06/2010, 12h02
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
04/06/2010, 09h44
chris0938
bonjour,
merci pour ta réponse j'ai essayé ce-ci:
Code:

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.
04/06/2010, 10h03
SpaceFrog

Code:

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

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:

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

04/06/2010, 10h27
SpaceFrog

tu as testé ce que retournait i (avec un alert ?)
remplace par 0 ??
04/06/2010, 10h50
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.
04/06/2010, 11h52
SpaceFrog

Code:

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

ou

Code:

var i=parseFloat((''+f).replace(/<[^>]*>/g,''))
04/06/2010, 13h23
chris0938

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

Code:

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>

04/06/2010, 14h32
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 ;)
04/06/2010, 15h22
SpaceFrog

non c'est juste le parseFlot de ('') qui plante ...
d'ou le code que j'ai fourni juste avant
10/06/2010, 13h37
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.