Afficher variables PHP dans un tableau

Version imprimable

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:

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

http://img11.hostingpics.net/pics/870410Untitled.png

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

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:

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 ?

13/10/2012, 20h54
Invité

Bonjour,
=> Affichage de données dans un tableau HTML
14/10/2012, 00h25
metatron

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 ?

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:

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:

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:

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:

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

14/10/2012, 15h07
metatron

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) ?
14/10/2012, 18h31
Invité
Citation:

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 ?
- ... :koi:

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:

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>