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

Langage PHP Discussion :

alternance couleur sur tableau dynamique


Sujet :

Langage PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Octobre 2007
    Messages : 130
    Par défaut alternance couleur sur tableau dynamique
    bonjour,
    je n'arrive pas a modifier les couleur du tableau, j'essaie en vain d'alterner les couleurs mais ca ne fonctionne pas ..

    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
    <?php
    $table = array(array(1,2,3,4,5,6,7,8,9,10,11)); //Tableau de resultats
     
    $i = 0;
     
    echo '<table width="700" border="0">'; //Création du tableau
     
    foreach($table as $donnees) {
     
    	echo '<tr class="prem" bgcolor="'.( ($i++ % 2 == 0) ? '#dddddd' : '#eeeeee' ).'">'; //Création d'une nouvelle ligne
    	echo '<td  width="120px">'.$projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="156px">'.$date.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="118px">'.$etat.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="168px" style="color:red;">'.$numero_projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="122px"><input type="checkbox" name="mel[]" id="mel">&nbsp;&nbsp;<input type="checkbox" name="mel[]" id="mel" checked="checked"><br/><font-size="1">on&nbsp;&nbsp;off</font></td>'; //Création d'une nouvelle colonne
    	echo '</tr>'; //Fin de la ligne
    $i++;
    	}
     
    echo '</table>'; //Fermeture du tableau
     
     
    ?>

  2. #2
    Membre chevronné
    Inscrit en
    Août 2007
    Messages
    360
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 360
    Par défaut
    Bonjour,

    Tu incrémentes deux fois ta variable $i.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    echo '<tr class="prem" bgcolor="'.( ($i % 2 == 0) ? '#dddddd' : '#eeeeee' ).'">';
    Devrais mieux fonctionner...

    Cordialement,

    Mathieu

  3. #3
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Octobre 2007
    Messages : 130
    Par défaut
    merci pour ta réponse, j'ai essayé mais ca reste pareil je n'est pas d’alternance.

    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
    <?php
    $table = array(array(1,2,3,4,5,6,7,8,9,10,11)); //Tableau de resultats
     
    $i = 0;
     
    echo '<table width="700" border="0">'; //Création du tableau
     
    foreach($table as $donnees) {
    	echo '<tr class="prem" bgcolor="'.( ($i % 2 == 0) ? '#dddddd' : '#eeeeee' ).'">';	//Création d'une nouvelle ligne
    	echo '<td  width="120px">'.$projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="156px">'.$date.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="118px">'.$etat.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="168px" style="color:red;">'.$numero_projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td  width="122px"><input type="checkbox" name="mel[]" id="mel">&nbsp;&nbsp;<input type="checkbox" name="mel[]" id="mel" checked="checked"><br/><font-size="1">on&nbsp;&nbsp;off</font></td>'; //Création d'une nouvelle colonne
    	echo '</tr>'; //Fin de la ligne
        $i++;
    	}
     
    echo '</table>'; //Fermeture du tableau
     
     
    ?>
    ____
    edit

    je me suis servie de ce tuto pour ca, ce qui vet dire qu'il ont fait une erreur ?

    Lors de l'affichage de données tabulaires de manière dynamique, il est facile d'améliorer la lisibilité du tableau créé en demandant à PHP d'alterner les couleurs une ligne sur deux.

    On utilise pour cela l'opérateur % (appelé "modulo"), qui renvoi le reste d'une division :
    5 / 2 = 2.5
    5 % 2 = 1

    Avec cet opérateur, on peut savoir si un chiffre est pair ou non (son reste est égal à 0) et donc, en utilisant une variable que l'on incrémente au fur et à mesure de la création du tableau, donner une couleur aux cases paires, et une autre... aux autres.

    Le code
    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
    <?php
    $gains = array(
      'Janvier' => 51651,
      'Février' => 651651,
      'Mars' => 651651,
      'Avril' => 65165,
      'Mai' => 919851,
      'Juin' => 12304,
      'Juillet' => 56518,
      'Août' => 7889,
      'Septembre' => 189121,
      'Octobre' => 15416,
      'Novembre' => 156515,
      'Décembre' => 65165
      );
     
    $i = 0;
    echo "<table border='1'>";
    echo "<caption>Nos gains sur l'année</caption>";
    echo "<tr bgcolor='#cccccc'><th>Mois</th><th align='right'>Gain</th></tr>";
     
    foreach ($gains as $mois => $gain)
      {
      if ($i % 2 == 0)
        {
        echo "<tr bgcolor='#dddddd'><td>$mois</td><td align='right'>$gain</td></tr>";
        }
      else
        {
        echo "<tr bgcolor='#eeeeee'><td>$mois</td><td align='right'>$gain</td></tr>";
        }
      $i++;
      }
    echo "</table>";
    ?>
    on peut aussi simplifier la boucle foreach() , en utilisant l'opérateur ternaire ? :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    foreach ($gains as $mois => $gain)
      {
      echo "<tr bgcolor='".( ($i++ % 2 == 0) ? '#dddddd' : '#eeeeee' )."'><td>$mois</td><td align='right'>$gain</td></tr>";
      $i++;
      }

  4. #4
    Membre chevronné
    Inscrit en
    Août 2007
    Messages
    360
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 360
    Par défaut
    Dans ce cas la, c'est peu être le fait de se servir d'attributs HTML obsolètes, comme "bgcolor".

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    echo '<tr class="prem '.( ($i % 2 == 0) ? 'classe1' : 'classe2' ).'">';	//Création d'une nouvelle ligne
    Et dans ta feuille de style CSS, tu affectes un background spécifique à ces deux classes.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    .classe1 {
    background:#dddddd;
    }
     
    .classe2 {
    background:#eeeeee;
    }
    Cordialement,

    Mathieu

  5. #5
    Modératrice
    Avatar de Celira
    Femme Profil pro
    Développeuse PHP/Java
    Inscrit en
    Avril 2007
    Messages
    8 633
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : Développeuse PHP/Java
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2007
    Messages : 8 633
    Par défaut
    Ce code là fonctionne chez moi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    $table = range('a','z');
    $i = 0;
    echo '<table>';
    foreach ($table as $elt) {
    	echo '<tr bgcolor="'.( ($i % 2 == 0) ? '#dddddd' : '#eeeeee' ).'">';
    	echo '<td>'.$elt.'</td>';
    	echo '</tr>';
    	$i++;
    }
    echo '</table>';
    mais effectivement comme le dit mathieu, c'est mieux de passer par des classes pour la couleur

    Et au passage, oui, il ya une erreur dans le code d'origine.
    Modératrice PHP
    Aucun navigateur ne propose d'extension boule-de-cristal : postez votre code et vos messages d'erreurs. (Rappel : "ça ne marche pas" n'est pas un message d'erreur)
    Cherchez un peu avant poser votre question : Cours et Tutoriels PHP - FAQ PHP - PDO une soupe et au lit !.

    Affichez votre code en couleurs : [CODE=php][/CODE] (bouton # de l'éditeur) et [C=php][/C]

  6. #6
    Membre chevronné
    Inscrit en
    Août 2007
    Messages
    360
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 360
    Par défaut
    Tu as raison, Celira, ^^.

    Le tableau de base est mal initialisé, remplacer :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $table = array(array(1,2,3,4,5,6,7,8,9,10,11));
    par :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $table = array(1,2,3,4,5,6,7,8,9,10,11);
    Ou par une boucle :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    for ($i=0;$i<10;$i++)
    {
        // Pas besoin d'incrémenter dans ce cas la...
    }
    Cordialement,

    Mathieu

  7. #7
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Octobre 2007
    Messages : 130
    Par défaut
    merci a vous deux de m'aider c'est sympa car j'apprend tout juste le php alors je m'interroge a chaque fois de manière a comprendre le code.
    donc j'ai bien modifier le array de mon tableau, mais je ne comprend pas pour quoi maintenant chaque projet et multiplié par onze ? sinon les couleur sont bien alternés.

    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
     
    <?php
    $table = array(1,2,3,4,5,6,7,8,9,10,11); //Tableau de resultats
    $i = 0;
     
     
    echo '<table width="700" border="0">'; //Création du tableau
     
    foreach($table as $donnees) {
     
        echo '<tr class="prem '.( ($i % 2 == 0) ? 'classe1' : 'classe2' ).'">'; //Création d'une nouvelle ligne
    	echo '<td width="120px">'.$projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="156px">'.$date.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="118px">'.$etat.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="168px" style="color:red;">'.$numero_projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="122px"><input type="checkbox" name="mel[]" id="mel">&nbsp;&nbsp;<input type="checkbox" name="mel[]" id="mel" checked="checked"><br/><font-size="1">on&nbsp;&nbsp;off</font></td>'; //Création d'une nouvelle colonne
    	echo '</tr>'; //Fin de la ligne
    $i++;
    	}
     
    echo '</table>'; //Fermeture du tableau
     
     
    ?>
    meme de cette facon je me retrouve multiplié par 20

    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
    <?php
    $table = range('a','z');
    $i = 0;
    echo '<table width="700" border="0">'; //Création du tableau
    foreach ($table as $elt) {
    	echo '<tr bgcolor="'.( ($i % 2 == 0) ? '#dddddd' : '#eeeeee' ).'">';
    	echo '<td width="120px">'.$projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="156px">'.$date.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="118px">'.$etat.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="168px" style="color:red;">'.$numero_projet.'</td>'; //Création d'une nouvelle colonne
    	echo '<td width="122px"><input type="checkbox" name="mel[]" id="mel">&nbsp;&nbsp;<input type="checkbox" name="mel[]" id="mel" checked="checked"><br/><font-size="1">on&nbsp;&nbsp;off</font></td>'; //Création d'une nouvelle colonne
    	echo '</tr>'; //Fin de la ligne
        $i++;
    	}
     
    echo '</table>'; //Fermeture du tableau
     
     
    ?>

  8. #8
    Modératrice
    Avatar de Celira
    Femme Profil pro
    Développeuse PHP/Java
    Inscrit en
    Avril 2007
    Messages
    8 633
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : Développeuse PHP/Java
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2007
    Messages : 8 633
    Par défaut
    Tu fais deux fois i++ dans ta boucle ! Du coup, ça revient à faire +2 à chaque tour...
    Modératrice PHP
    Aucun navigateur ne propose d'extension boule-de-cristal : postez votre code et vos messages d'erreurs. (Rappel : "ça ne marche pas" n'est pas un message d'erreur)
    Cherchez un peu avant poser votre question : Cours et Tutoriels PHP - FAQ PHP - PDO une soupe et au lit !.

    Affichez votre code en couleurs : [CODE=php][/CODE] (bouton # de l'éditeur) et [C=php][/C]

Discussions similaires

  1. Alterner Couleur ligne tableau php
    Par jquery dans le forum Langage
    Réponses: 2
    Dernier message: 20/01/2015, 16h33
  2. [AC-2013] Mise en forme conditionnelle sur tableau dynamique croisé
    Par rag83 dans le forum IHM
    Réponses: 17
    Dernier message: 09/01/2015, 22h53
  3. Manipulation de pointeur sur tableau dynamique
    Par vincenet dans le forum Débuter
    Réponses: 12
    Dernier message: 09/12/2014, 17h53
  4. Alterner les couleurs des lignes d'un tableau dynamique
    Par temperature dans le forum Langage
    Réponses: 3
    Dernier message: 07/05/2008, 13h14
  5. besoin d'aide sur tableau dynamique
    Par littlesquall dans le forum C
    Réponses: 16
    Dernier message: 02/11/2005, 02h50

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