Afficher variables PHP dans un tableau

**metatron** · 13/10/2012, 19h15

bonjour

désolé si la question parait basique, mais je galere pour afficher un tableau contenant des variables PHP...

je parse en fait un fichier xml avec des balises de valeur texte et image, extrait du code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<<<HTML
<tr>
    <td>{$type}</td>
    <td>{$brand}</td>
    <td><a href="{$url}"><img src="{$src}" alt="Aperçu" /></a></td>
</tr>
HTML;
}
?>
 
    <tbody>
        <?php echo implode("\n", $rows) ?>
    </tbody>

l'objectif est d'afficher ces variables sous forme de tableau html avec un code qui va bien..:

j'ai trituré les tables tr td & co dans tout les sens, impossible d'obtenir ce que je veux

Si quelqu'un à saurait quel code utiliser au niveau des balises de tableau pour réaliser ca ce serait top..merci par avance

**12monkeys** · 13/10/2012, 21h22

Bonjour

Je ne vois pas trop en quoi ton problème concerne HTML ?

En HTML un tableau se fait de la manière suivante :

Code html :

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
<table>
  <tr>
    <td>
...
    </td>
    <td>
...
    </td>
    <td>
...
    </td>
  </tr>
  <tr>
    <td>
...
    </td>
    <td>
...
    </td>
    <td>
...
    </td>
  </tr>
</table>

Donc quel est ton problème par rapport à ce code ?

Invité · 13/10/2012, 21h54

Bonjour,
=> Affichage de données dans un tableau HTML

**metatron** · 14/10/2012, 01h25

et bien en fait si ca concerne le html car je veux que mes 3 variables PHP soient présente dans un tableau (comme la copie d ecran..), et que ces tableaux soient aligné par ligne de 3....

et donc je ne voyais pas le code pour creer le tableau qui va bien...
jreaux62 merci pour l'article c'est bien ca que j'essaie de faire, mais malgré divers tests je n'obtiens pas ce que je veux

saurais tu le code qu'il faudrait pour obtenir ce type de résultat ?

Invité · 14/10/2012, 09h38

Bonjour,
1/ SOLUTION 1 : affichage tabulaire avec une <table> html
=> IV. Affichage "en ligne" avec Base de Données
L'astuce : on utilise la propriété "modulo" (a%b), comme expliqué (ici).
Dans ton cas : $NbrCol = 3; (3 colonnes)

2/ SOLUTION 2 : sans tableau html
=> Utilisation de "boites" (<div>) :
- flottante ( float:left; ),
- de largeur 1/3 ( width:33%; )
CSS :

Code css :

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
<style type="text/css">
#affiche_tout {
	clear:both;
	overflow:hidden;
	border:1px solid red;
}
.affiche_box { 
	float:left; /* flottant à gauche */
	margin:1%; /* espacement entre les box */
	width:31%; /* (33% - les marges) */
	border:1px solid green;
}
.affiche_box p { 
	text-align:center;
}
</style>

PHP :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
$rows[] = <<<HTML
    <p><a href="{$url}"><img src="{$src}" alt="Aperçu" /></a></p>
    <p>{$type}</p>
    <p>{$brand}</p>
HTML;
// affichage
echo '<div id="affiche_tout">'."\n";
foreach($rows as $row){
	echo '<div class="affiche_box">'.$row.'</div>'."\n";
}
echo '</div>'."\n";
?>

Si le contenu n'a pas toujours la même hauteur, ça peut entrainer des décalages entre les boites.
On peut ajouter :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.affiche_box { 
	height:300px; /* hauteur imposée */
	overflow:auto; /* au cas où ça "dépasse" ! */
}

OU ENCORE en JavaScript/jQuery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Scripts - jQuery : initialisation -->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
<!-- Scripts - jQuery : uniformisation des hauteurs -->
$(document).ready(function(){ 
	var hauteur = 0;
	$(".affiche_box").each(function(){
		if(hauteur<$(this).height() ){
			hauteur = $(this).height();
		}
	});
	$(".affiche_box").height(hauteur+'px');
});
</script>

**metatron** · 14/10/2012, 16h07

bonjour jraux,

merci c'est donc bien la méthode en PHP que je souhaite retenir, par contre pour le moment avec ton code je n'arrive afficher les éléments que dans une seule et meme colonne, comment je pourrais faire pour avoir des lignes de 3 elements (donc avec 3 colonnes) ?

Invité · 14/10/2012, 19h31

Envoyé par metatron

..., par contre ..., comment je pourrais faire ... ?

Euhhh...

apprendre à lire ? Tout est expliqué dans le tutoriel !
si tu as lu, tester les scripts, faire des essais ?
si tu ne comprends pas, nous expliquer ce que tu ne comprends pas ?
tester les codes que j'ai fourni ci-dessus ?
nous montrer ton code ?
...

**metatron** · 15/10/2012, 02h29

Je n'avais pas détaillé ce que j'avais testé mais pas mal de choses avaient été testé avant de reposter

mon soucis était que ma variable $rows ne s'affichait pas dans la table, suffit juste de bien remplacer la variable $tableau...ca marche bien désormais, merci encore

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
$rows[] = <<<HTML
    <a href="{$url}"><img src="{$thumb}" alt="Aperçu" /></a></br>
   <b>{$brand}</b></br>
    {$model}</br></br>
 
HTML;
 
 
}
// -------------------------------------------------------
// nombre de cellules a remplir
$NbreData = count($rows);
// -------------------------------------------------------
// affichage
$NbrLigne = 0;
if ($NbreData != 0) 
{
	$k = 0; // indice du tableau
?>
	<table frameBorder="0">
	<tbody>
<?php
	while ($k < $NbreData) 
	{
		if (($k+1)%$NbrCol == 1) {
			$NbrLigne++;
			$fintr = 0;
?>		<tr>
<?php		}
?>			<td>
<?php			// -------------------------
			// DONNEES A AFFICHER dans la cellule
			echo $rows[$k];
			// -------------------------
?>			</td>
<?php		if (($k+1)%$NbrCol == 0) {
			$fintr = 1;
?>		</tr>
<?php		}
		$k++;
	}
	// fermeture derniere balise /tr
	if ($fintr!=1) {
?>		</tr>
<?php } ?>
	</tbody>
	</table>
<?php
} else { ?>
	pas de données à afficher
<?php
}
?>
 
</body>
</html>

Afficher variables PHP dans un tableau

Langage PHP

Discussions similaires

Partager

Partager