Information

Comme sur ce site il y a des bons codes, moi aussi je met un code intéressant.

Mon code permet d'afficher les datas d'un tableau sur le nombre de colonne que vous choisissez vous même.

C'est hyper pratique et je l'ai fais avec des DIV, comme ça il est web 2.0 :)

  code source classé dans  Tableaux - Array

 
 01    
 02    
 03    
 04    
 05    
 06    
 07    
 08    
 09    
 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    
 36    
 37    
 38    
 39    
 40    
 41    
 42    
 43    
 44    
 45    
 46    
 47    
 48    
 49    
 50    
 51    
 52    
 53    
 54    
 55    
 56    
 57    
 58    
                               
<?php
/*---------------------------------------------------------------*/
/*
    Titre : Affiche un array sur plusieurs colonnes                                                                       
                                                                                                                          
    URL   : https://phpsources.net/code_s.php?id=517
    Auteur           : garcia                                                                                             
    Date édition     : 17 Juin 2009                                                                                       
    Date mise à jour : 13 Aout 2019                                                                                      
    Rapport de la maj:                                                                                                    
    - fonctionnement du code vérifié                                                                                    
*/
/*---------------------------------------------------------------*/

// votre tableau
$images array(
             'pomme',
             'orange',
             'baname',
             'kiwi',
             'papaye',
             'melon',
             'pasteque',
             'goyave',
             'avocat',
             'cerise',
             'fraise'
             );

// combien de colonne
$nbre_colonne 3;

// NE TOUCHER PLUS A RIEN SAUF AU CSS
$width 100 $nbre_colonne;
$width round ($width);

$count 0;

for($i 0$i count($images); $i++)
{
     if($count == 0)
     echo ' <div style="clear:both;">';

     echo '
         <div style="float:left;width:'.$width.'%">'.$images[$i].'</div>';

     $count++;

     if(($count == $nbre_colonne) || ($images[$i] == end($images)))
     {
         echo '
     </div>';
         $count 0;
     }
}
?>

Exemple :

 
 01    
 02    
 03    
 04    
 05    
 06    
 07    
 08    
 09    
 10    
 11    
 12    
 13    
 14    
 15    
 16    
 17    
 18    
 19    
 20    
                                
     Imprime:

     <div style="clear:both;">
         <div style="float:left;width:33%">pomme</div>
         <div style="float:left;width:33%">orange</div>
         <div style="float:left;width:33%">baname</div>
     </div> <div style="clear:both;">
         <div style="float:left;width:33%">kiwi</div>
         <div style="float:left;width:33%">papaye</div>
         <div style="float:left;width:33%">melon</div>
     </div> <div style="clear:both;">
         <div style="float:left;width:33%">pasteque</div>
         <div style="float:left;width:33%">goyave</div>
         <div style="float:left;width:33%">avocat</div>
     </div> <div style="clear:both;">
         <div style="float:left;width:33%">cerise</div>
         <div style="float:left;width:33%">fraise</div>
     </div>

         Fonctions du code I Doc officielle PHP

   php.net   Description Versions PHP OUTIL
   array Crée un tableau PHP 4, PHP 5, PHP 7
   count Compte le nombre d'éléments d'un tableau ou le nombre de propriétés d'un objet PHP 4, PHP 5, PHP 7
   echo Affiche une chaîne de caractères PHP 4, PHP 5, PHP 7
   end Positionne le pointeur de tableau en fin de tableau PHP 4, PHP 5, PHP 7
   round Arrondi un nombre à virgule flottante PHP 4, PHP 5, PHP 7
 

   Dites merci à l'auteur pour son partage, ça ne coûte rien et ça fait toujours plaisir wink

[3]

  • avatar

    Cromaxfab

    22 Juin 2009 à 19:15

    Bonjour, pour répondre à Patass, j'ai un peu modifié le code initial et utilisé Jquery et Jquery.lightbox pour l'affichage des photos.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <SCRIPT src="js/jquery-1.2.6.js" type=text/javascript></SCRIPT>
    <SCRIPT src="js/jquery.lightbox-0.5.js" type=text/javascript></SCRIPT>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <script type="text/javascript">
    $(function() {
    $('#gallery a').lightBox();
    });
    $(function() {
    $('a.gg').lightBox();
    });
    </script>
    <style type="text/css">
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
    background-color: #444;
    padding: 10px;
    width: 790px;
    }
    #box {

    padding: 2px;
    width: 100%;
    }
    #box a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
    }
    #box img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>
    </head>

    <body bgcolor="#000099">
    <?php
    /****************/
    /* */
    /* Titre : Afficher les datas d'un tableau sur plusieurs colonnes */
    /* */
    /* URL : http://www.phpsources.org/scripts517-PHP.htm */
    /* Auteur : garcia */
    /* Date édition : 17 Juin 2009 */
    /* */
    /**********/

    //Chemin vers le repertoire des images
    $path = "images/";

    // votre tableau
    $images = array(
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    'image4.jpg',
    'image5.jpg',
    'image6.jpg'
    );

    $titre_images = array(
    'titre 1',
    'titre 2',
    'titre 3',
    'titre 4',
    'titre 5',
    'titre 6'
    );

    // Nombre de colonne
    $nbre_colonne = 3;

    // Boucle pour l'affichage du tableau

    $count = 0;

    for($i = 0; $i < count($images); $i++)
    {
    if($count == 0)
    echo '<div id="box" align="center" class="box"><br>';

    echo '
    <a class="gg" href="'.$path.$images[$i].'" title="'.$titre_images[$i].'">
    <img src="'.$path.'thumb_'.$images[$i].'"/></a>';

    $count++;

    if(($count == $nbre_colonne) || ($images[$i] == end($images)))
    {
    echo '
    </div></div>';
    $count = 0;
    }
    }

    ?>

    </body>
    </html>

  • avatar

    Patass

    22 Juin 2009 à 14:47

    Et si, on veut, à la place du texte du tableau, on veut mettre des images avec possibilité de les agrandir par clic ou infobulles

  • avatar

    Cromaxfab

    20 Juin 2009 à 18:09

    Simple et pratique. Merci pour le partage.


       Codes qui pourraient vous intéresser *

Affiche la distance entres 2 villes via un array associatif

Formulaire qui prend en compte 2 villes et qui calcul la distance entre ces 2 villes. Possibilité d'ajouter des distances.

Affiche un tableau sur x colonnes

Mise en forme de données d'un tableau dans une table HTML en indiquant le nombre de colonnes à afficher.

Calcul et affiche le nombre de ligne de plusieurs fichiers

Affiche le nombre de lignes de fichiers (php, html et txt) d'un dossier spécifié en le parcourant récursivement.

* Requêtes exécutées avec Recherche Contextuelle

Suivez PHP Sources sur Twitter !

Créer votre E-boutique Scripts open source

Présentation de PHP

    Derniers scripts PHP / MySQL

PHP 7.3.12

logo PHP
Langue langue us
Date  aujourd'hui
Taille 14 Mo
Catégorie PHP

PHP 7.2.25

logo PHP
Langue langue us
Date  aujourd'hui
Taille 15 Mo
Catégorie PHP

Soosyze 1.0.0-alpha9

logo Soosyze
Langue langue fr
Date  hier
Taille 0.44 Mo
Catégorie CMS

Yii Framework 2.0.30

logo Yii Framework
Langue langue fr
Date 20 Nov
Taille 15 Mo
Catégorie CMS
+ Liste des derniers scripts complets PHP
avatar

Garcia

  17 Juin 2009

  SOURCE   Télécharger

Information sur les mises à jour

Dernière mise à jour :

    13 Aout 2019
    fonctionnement du code vérifié

7 825 Vues
Compatibilité
PHP 5 et 7+