IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Collapse de lignes de tables


Sujet :

JavaScript

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Avatar de GLDavid
    Homme Profil pro
    Head of Service Delivery
    Inscrit en
    Janvier 2003
    Messages
    2 889
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Head of Service Delivery
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Janvier 2003
    Messages : 2 889
    Par défaut Collapse de lignes de tables
    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.

    @++
    Images attachées Images attachées  
    GLDavid
    Consultez la FAQ Perl ainsi que mes cours de Perl.
    N'oubliez pas les balises code :tagcode: ni le tag :resolu:

    Je ne répond à aucune question technique par MP.

Discussions similaires

  1. Imposer a Access l'écrasement d'une ligne de table
    Par 3lyxir dans le forum Access
    Réponses: 7
    Dernier message: 18/05/2006, 14h39
  2. [9i, 8i] Nombre de lignes dans tables
    Par Débéa dans le forum Oracle
    Réponses: 1
    Dernier message: 23/03/2006, 10h19
  3. update simultané de plusieur lignes dans table
    Par jarod_bx dans le forum Access
    Réponses: 2
    Dernier message: 22/12/2005, 22h13
  4. Modification de ligne de table
    Par 10-nice dans le forum Langage SQL
    Réponses: 5
    Dernier message: 14/10/2004, 15h30
  5. Fusion de lignes de tables en éliminant les redondances
    Par MinsK dans le forum Algorithmes et structures de données
    Réponses: 12
    Dernier message: 22/04/2004, 09h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo