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

HTML Discussion :

masquer des lignes d'un tableau


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut masquer des lignes d'un tableau
    Bonjour,

    N'étant pas fortiche en html, je sollicite les pros que vous êtes pour éclairer ma lanterne.

    J'ai un script php qui fait une requête SQL (SELECT * from xx ...) et récupère des enregistrement pouvant commencer de 1 et pouvant aller à l'infini (nombre d'enregistrement).

    Actuellement j'affiche tout dans un tableau. Le hic, c'est qu'une fois les 20 enregistrements dépassés, mon tableau devient trop long. Je voudrai alors pouvoir faire un bouton pour masquer le reste du tableau (au delà de 20 enregistrements). Ensuite en appuyant dessus, le reste du tableau s'ouvre. Le tableau est donc complet.

    J'ai cherché un peu sur le net, mais ne sachant pas à quel nom correspond cette fonctionnalité, je n'ai pas trouvé grand chose. J'espère que vous pourrez m'aider.

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    Personnellement je regarderai du côté de Javascript.
    Tu pourrais cacher un div contenant les lignes > au 20ème enregistrement (en lui attribuant un style="display:none;")
    Et lors du clic sur le bouton, tu le fais passer en display:block; (pour l'afficher)

    Ce lien pourrait t'être utile... Et tu devrais, en faisant une recherche sur le forum, trouvé bons nombres de sujets proches du tien
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut
    super. merci pour cette réponse. Je vais chercher côté js alors.

  4. #4
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Et pourquoi pas un tableau dans une div avec un overflow, encore plus simple .

  5. #5
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Citation Envoyé par HiRoN Voir le message
    Personnellement je regarderai du côté de Javascript.
    Tu pourrais cacher un div contenant les lignes > au 20ème enregistrement (en lui attribuant un style="display:none;")
    Et lors du clic sur le bouton, tu le fais passer en display:block; (pour l'afficher)
    Attention les lignes d'un tableau ne sont pas des éléments de type block. Dans le doute il vaut mieux écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById("idLigne").style.display="";
    là l'affichage par défaut sera appliqué



    Citation Envoyé par blueice
    Et pourquoi pas un tableau dans une div avec un overflow, encore plus simple .
    +1 c'est ce qu'il y a de plus simple

Discussions similaires

  1. Afficher ou masquer des lignes dans un tableau
    Par youssef288 dans le forum BIRT
    Réponses: 1
    Dernier message: 23/07/2013, 08h38
  2. [2008] Masquer des lignes d'un tableau
    Par Domaris dans le forum SSRS
    Réponses: 1
    Dernier message: 17/08/2011, 12h07
  3. [BO 5.1] Masquer des lignes de tableau
    Par Laughing Man dans le forum Débuter
    Réponses: 0
    Dernier message: 19/07/2011, 13h22
  4. Afficher/masquer des lignes dans un tableau hiérarchique
    Par linou dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 29/06/2009, 11h58
  5. [BO 5.1] Masquer des lignes d'un tableau
    Par laurentlille dans le forum Débuter
    Réponses: 4
    Dernier message: 27/11/2008, 17h17

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