Discussion :

[GLDavid]

Bonjour

J'ai implémenté une fonction me permettant de masquer des lignes de tableaux sauf la première pour une catégorie donnée.
L'implémentation fonctionne très bien sous IE, Firefox et Chrome:

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
 
function collapseLines(table_id, collapse_button_id, req_id, rowspan_value){
    var button = document.getElementById(collapse_button_id);
    var rows = document.getElementById(table_id).rows;
    var action = false;
    var count = 0;
    if(button.value=='-'){
        button.value='+';
        var collapse = true;
    }
    else{
        button.value='-';
        collapse = false;
    }
    for(var i=0; i<rows.length; i++){
        if(rows[i].id == "first_"+req_id){
            action = true;
        }
        else{
            if(action){
                if(count<rowspan_value-1){
                    collapse?rows[i].style.display = 'none' : rows[i].style.display = 'table-row';
                    count++;
                }
                else{
                    action = false;
                }
            }
        }
    }
    var first_line_tds = document.getElementsByName(req_id);
    for(i=0; i<first_line_tds.length; i++){
        collapse? first_line_tds[i].rowSpan = null : first_line_tds[i].rowSpan = rowspan_value;
    }
}

Seulement, et seulement sous IE (v8), lorsque je collapse, je remarque le "paté" suivant (cf image jointe).
Y aurait-il un problème de style ?
Comment contourner ce problème apapremment existant seulement pour IE ?

Merci d'avance de vos solutions.

@++