Affiche un array sur plusieurs colonnes

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 :)

Garcia

17 Juin 2009

Code Source à télécharger

Information sur les mises à jour

Dernière mise à jour :

13 Aout 2019

12 417 vues

Compatibilité du code

PHP 5, PHP 7 et PHP 8

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

                               
                            /*------------------------------*/
/*
 Titre : Affiche un array sur plusieurs colonnes                                                                          
                                                                                                                          
 Auteur           : garcia                                                                                                
 Date édition     : 17 Juin 2009                                                                                         
 Date mise a 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


                                                                                    
                                                
     <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 - Doc officielle PHP

php.net	Description	Versions PHP
array	Crée un tableau	PHP 4, 5, 7 et 8

count	Compte tous les éléments d'un tableau ou dans un objet Countable	PHP 4, 5, 7 et 8

echo	Affiche une chaîne de caractères	PHP 4, 5, 7 et 8

end	Positionne le pointeur de tableau en fin de tableau	PHP 4, 5, 7 et 8

round	Arrondit un nombre à virgule flottante	PHP 4, 5, 7 et 8

[3]

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.
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
Cromaxfab
20 Juin 2009 à 18:09
Simple et pratique. Merci pour le partage.