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 :

Couleur ligne d'un tableau


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut Couleur ligne d'un tableau
    Bonjour,
    J'aimerais changé la couleur d'une ligne d'un tableau en fonction du résultat d'un jeux d'enregistrement en PHP.
    J'ai essayé d'intégrer du php dans ma balise <tr> mais rien de bon.
    Merci de vos conseils.

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    14
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2007
    Messages : 14
    Par défaut
    Il te suffit de donner un style a ta balise tr selon tes résultats en php

    Exemple : pour colorer une ligne sur deux

    Tu initialise un compteur à 0
    Tu l'incrémente à chaque passage de ta boucle
    Tu utilise modulo (%) pour savoir si le reste de la division par deux est égal à 0
    Si oui tu attribue une couleur
    Si non une autre couleur

    Ca devrait te donner quelque chose comme ca

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    $i=0;
    $req=mysql_query("select * from table");
    while ($row=mysql_fetch_array($req)){
    if ($i%2==0){
    $class="pair";					
    }
    else {
    $class="impair";
    }
    echo "<tr class='".$class."'>";
    ...
    $i++;
    }
    Les classes "pair" et "impair" seront définies dans le css

    Voila je ne sais pas si ca te va ?

  3. #3
    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

  4. #4
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Merci de vos réponses, mais le petit Hic ! j'ai oublié de vous le dire (désolé) c'est que mon tableau n'est pas fixe, il s'agit d'une zone répétée qui me donne un certain nombre d'enregistrement en fonction d'une date choisie dans une liste déroulante.
    Ce que j'essaye d'obtenir :
    Une fois la date choisie mon tableau se créé. Chaque ligne est un résumé d'enregistrement d'un courrier arrivé. En cliquant sur la ligne on ouvre une nouvelle page qui nous montre l'ensemble des informations du courrier arrivé.
    J'insère des informations dans ma base afin de savoir par la suite en faisant une requête SQL si l'utilisateur a déjà vu se courrier.

    Je voudrais que lorsque l'utilisateur revienne sur ma première page que la ligne visitée soir d'une autre couleur.
    Vous me direz que c'est le principe des liens hypertexts mais le problème vient que si l'utilisateur purge son historique et ses fichiers temps les liens redeviennent non visités.

    Donc si ma requete SQL est = à 0 que <tr bgcolor="#FF0000">
    et que si cette requete est > à 0 que <tr bgcolor="#FFFFFF">

    Merci

  5. #5
    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
    Fait une classe ! Rien de plus simple...
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    .active { background-color:#000; }
    .visited { background-color:#FFF; }

    if SQL est = à 0 alors class="active"
    if SQL est > à 0 alors class="visited"
    ou inverse, bref c'est le principe.

  6. #6
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    J'ai créé ma requète ainsi que ma variable :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <?php
    if ($totalRows_rsVuAffectationINF == 0 )
    {
    $ligne = "ligne";
    }
    else {
    $ligne = "ligneV";
    }
    ?>
    Ensuite je l'ai intégré dans ma balise :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <tr class="<?php echo ($ligne);?>">
    Les deux class ligne et ligne V ont été créées dans mon fichier CSS.
    ET cela fonctionne très bien.
    MERCI.
    Mais le petit Hic, comme il s'agit d'une zone répétée toutes les lignes prennent la même class.

Discussions similaires

  1. Changer la couleur d'une ligne d'un tableau
    Par Filippo dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 13/12/2006, 12h16
  2. Visual Studio: Affichage tableau, alterner couleur ligne
    Par en_stage dans le forum MS SQL Server
    Réponses: 4
    Dernier message: 17/08/2006, 22h41
  3. Alterner les couleurs des lignes d'un tableau
    Par kobe dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 08/06/2006, 21h13
  4. changement de couleur sur les lignes d'un tableau
    Par brasco06 dans le forum XSL/XSLT/XPATH
    Réponses: 1
    Dernier message: 13/04/2006, 18h03
  5. [Tableaux] Couleur alternative ligne d'un tableau
    Par BenoitDenis dans le forum Langage
    Réponses: 4
    Dernier message: 29/03/2006, 15h46

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