PcKULT.NET - La référence en informatique

  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • black color

PcKULT.NET - Recrute

PcKULT.NET est présentement à la recherche de passionnés d'informatique qui veulent se greffer à l'équipe de PcKULT.NET. Si l'aventure vous intéresse, veuillez communiquer avec nous.

webmaster@pckult.net


Coloriage en alternance des lignes d'un tableau

E-mail Imprimer PDF
Dans ce court tutoriel, vous allez voir comment alterner la couleur des lignes d'un tableau. Cela vous permet de mettre en évidence votre tableau ou tout simplement de le rendre plus attrayant aux yeux de vos visiteurs. Pour ce faire, il vous suffit de suivre les instructions qui suivent :

alternating_colors


CODE :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP - Alternance des couleurs dans un tableau</title>
</head><body>

    <?php
        // Connection à la base de données.
        mysql_connect("localhost","","");
        mysql_select_db("tutorial");

        // Sélection des données à insérer dans le tableau.
        $result=mysql_query("select * from name_list order by id asc");
    ?>
   
    <table border="1">
    <tr>
    <td bgcolor="#FF9900"><strong>No.</strong></td>
    <td bgcolor="#FF9900"><strong>Company</strong></td>
    </tr>
   
    <?php
        // Mettre la variable au départ à 1.
        $num=1;

        // Boucle d'affichage des résultats de la requête
        while($row=mysql_fetch_assoc($result)){
            $num++;
            // Utiliser Modulo 2 afin de vérifier si le $num est égal à 0.
            if(($num%2)!=0){
                $bg="#FFCC00";
            }else{
                $bg="#FFFF00";
            }
    ?>
   
    <tr bgcolor="<? echo $bg; ?>">
    <td><? echo $row['id']; ?></td>
    <td><? echo $row['name']; ?></td>
    </tr>
   
    <?php
        // Fin de la boucke.
        }

        // Fermeture de la connection à la base de données.
        mysql_close();
    ?>
    </table>
</body>
</html>



Ajouter cette page à votre Digg-Like préféré
Reddit! Del.icio.us! JoomlaVote! Google! Live! Facebook! Technorati! StumbleUpon! Spurl! Furl! Blogmarks! Yahoo! FeedMeLinks!
Commentaires (0)Add Comment

Ecrivez un commentaire
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
Réduire l'éditeur | Agrandir l'éditeur

busy
Mis à jour ( Mercredi, 17 Janvier 2007 07:25 )  

Sondage

Votre fournisseur Internet
 

Publicités