[PHP] Ou placer ce bout de code ?

Ou placer ce bout de code ? [PHP] - PHP - Programmation

Marsh Posté le 08-08-2014 à 13:38:39    

Bonjours à tous, je souhaiterais faire un retour à la ligne au bout de 2 résultats lors d'une requête dans une BDD. Je souhaiterais concrètement qu'il y est 2 images par ligne.
Voici la formule que j'ai trouvé mais je ne sais pas ou la placer :
 

Code :
  1. $compteur = 0;
  3. while$(donnees = $reponse->fetch())
  4. {
  5. ){
  7.   echo "code_pour_afficher_ta_photo";
  8.   $compteur++;
  9.   if ($compteur%2 == 0){
  10.     echo "";
  11.   }
  13. }


 
Voici mon code :
 

Code :
  1. <!DOCTYPE html>
  2. <head>
  3. <meta name="robots" content="noindex,nofollow" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <link href="suite/udpload.css" rel="stylesheet" type="text/css" media="screen"/>
  6. <title></title>
  7. <style>
  8.  
  9. .wrapper {
  10.  display: table-cell;
  11.  margin: 0 auto;
  12.  vertical-align: middle;
  13.  float:left;
  14.  margin:40px;
  15.  
  16. }
  17.  
  18. .cont {
  19.  display: table;
  20.  margin: 0 auto;
  21. }
  22.  
  23. figure {
  24.  display: table;
  25.  overflow: hidden;
  26.  position: relative;
  27.  
  28. }
  29.  
  30. figure img {
  31.  display: block;
  32.   
  33. }
  34.  
  35. figure figcaption {
  36.  font-family: 'PT Sans Narrow';
  37.  font-size:  small;
  38.  background: black;
  39.  bottom: -64px;
  40.  color: white;
  41.  padding: 16px;
  42.  position: absolute;
  43.  transition: bottom .5s;
  44.  text-shadow: 1px 1px black;
  45.  width: 93%;
  46.  
  47.  
  48.  
  49. }
  50.  
  51. figure:hover figcaption {
  52.  bottom: 0;
  53.  
  54. }
  55.  
  56. </style>
  57.  
  58. </head>
  59.  
  60.  
  61. <body>
  62.  
  63. <?php
  64. try
  65. {
  66.    // On se connecte à MySQL
  67.    $bdd = new PDO('mysql:host=****;dbname=****', '*****', '*****');
  68. }
  69. catch(Exception $e)
  70. {
  71.    // En cas d'erreur, on affiche un message et on arrête tout
  72.        die('Erreur : '.$e->getMessage());
  73. }
  74.  
  75. // Si tout va bien, on peut continuer
  76. // On récupère tout le contenu de la table jeux_video
  77. $reponse = $bdd->query('SELECT * FROM photo ORDER BY date_heure ');
  78. // On affiche chaque entrée une à une
  79. while ($donnees = $reponse->fetch())
  80. {
  81. ?>
  82.  
  83. <div class="wrapper">
  84. <div class="conte">
  85. <figure>
  86. <img src="<?php echo $donnees['lien'];?>" alt="<?php echo $donnees['titre'];?>" width="300px" height="300px" />
  87. <figcaption>
  88. <?php echo $donnees['titre'];?><br/><?php echo $donnees['description'];?>
  89. </figcaption>
  90. </figure>
  91. </div>
  92. </div>
  93.  
  94. <br/>
  95.  
  96. <?php
  97. }
  98. $reponse->closeCursor(); // Termine le traitement de la requête
  99. ?>
  100.  
  101. </body>
  102. </html>


 
Merci pour votre aide


Message édité par sparadra1 le 08-08-2014 à 13:42:03
Reply

Marsh Posté le 08-08-2014 à 13:38:39   

Reply

Marsh Posté le 08-08-2014 à 15:38:21    

Je vais faire abstraction de ton code html situé après le while, ligne 79 car je doute qu'il soit correct. Je vais te le faire avec un tableau : tu adapteras. A insérer après ta requêtes SQL, en incluant un test qui vérifie qu'il y a au moins un enregistrement trouvé.

Code :
  1. echo "<table>";
  2. $iNbImages = 0;
  3. while ($donnees = $reponse->fetch())
  4. {
  5.     if ($iNbImages % 2 == 0) echo "<tr>";
  6.  
  7.     echo "<td><img src=\"".$donnees['lien']."\" alt=\"".$donnees['titre']."\" width="300px" height="300px" /><p>".$donnees['titre']
  8.            ."<br />".$donnees['description']."</p></td>";
  9.  
  10.     $iNbImages++;
  11.     
  12.     if ($iNbImages % 2 == 0) echo "</tr>";
  13. }
  14.  
  15. if ($iNbImages % 2 != 0) echo "<td>&nbsp;</td></tr>";  // Pour fermer le tableau en cas d'un nb d'images impair !
  16.  
  17. echo "</table>";


 
Après, tu peux remplacer le tableau par des div avec un attribut float: left et faire un clear toutes les 2 images, ça reviendra au même...


Message édité par rufo le 08-08-2014 à 15:40:37

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 08-08-2014 à 16:01:16    

Bonjour tout d'abord merci de votre réponse mais cela me change rien  :bounce:  
 
Voilà ce que j'ai fait :  
 

Code :
  1. <!DOCTYPE html>
  2. <head>
  3. <meta name="robots" content="noindex,nofollow" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title></title>
  6. <style>
  8. .wrapper {
  9.   display: table-cell;
  10.   margin: 0 auto;
  11.   vertical-align: middle;
  12.   float:left;
  13.   margin:40px;
  15. }
  17. .cont {
  18.   display: table;
  19.   margin: 0 auto;
  20. }
  22. figure {
  23.   display: table;
  24.   overflow: hidden;
  25.   position: relative;
  27. }
  29. figure img {
  30.   display: block;
  31.  
  32. }
  34. figure figcaption {
  35.   font-family: 'PT Sans Narrow';
  36.   font-size:  small;
  37.   background: black;
  38.   bottom: -64px;
  39.   color: white;
  40.   padding: 16px;
  41.   position: absolute;
  42.   transition: bottom .5s;
  43.   text-shadow: 1px 1px black;
  44.   width: 93%;
  48. }
  50. figure:hover figcaption {
  51.   bottom: 0;
  53. }
  55. </style>
  57. </head>
  60. <body>
  62. <?php
  63. try
  64. {
  65.     // On se connecte à MySQL
  66.     $bdd = new PDO('mysql:host=*****;dbname=*****', '*****', '*****');
  67. }
  68. catch(Exception $e)
  69. {
  70.     // En cas d'erreur, on affiche un message et on arrête tout
  71.         die('Erreur : '.$e->getMessage());
  72. }
  74. // Si tout va bien, on peut continuer
  75. // On récupère tout le contenu de la table photo
  76. $reponse = $bdd->query('SELECT * FROM photo ORDER BY date_heure ');
  77. // On affiche chaque entrée une à une
  79. echo "<table>";
  80. $iNbImages = 0;
  81. while ($donnees = $reponse->fetch())
  82. {
  83.     if ($iNbImages % 2 == 0) echo "<tr>";
  85.     echo "<td><img src=\"".$donnees['lien']."\" alt=\"".$donnees['titre']."\" width="300px" height="300px" /><p>".$donnees['titre']
  86.            ."<br />".$donnees['description']."</p></td>";
  88.     $iNbImages++;
  89.    
  90.     if ($iNbImages % 2 == 0) echo "</tr>";
  91. }
  93. if ($iNbImages % 2 != 0) echo "<td>&nbsp;</td></tr>";  // Pour fermer le tableau en cas d'un nb d'images impair !
  95. echo "</table>";
  97. ?>
  102. <?php
  103. }
  104. $reponse->closeCursor(); // Termine le traitement de la requête
  105. ?>
  107. </body>
  108. </html>

Reply

Marsh Posté le 08-08-2014 à 16:34:59    

Oui, parce que dans la balise <img />, je me sui trompé, faut mettre width=\"300px\" height=\"300px\" (j'avais oublié d'échapper les " ). Mais sinon, j'ai testé, mon code marche, une fois cette correction appliquée. Du reste, le parse error aurait dû te mettre la puce à l'oreille...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 08-08-2014 à 19:25:15    

Merci de plus j'avais fais un mauvais enregistrement. Par contre je n'arrive plus à remettre mon système de légende :/


Message édité par sparadra1 le 08-08-2014 à 19:38:34
Reply

Marsh Posté le 08-08-2014 à 22:59:16    

ben j'ai utilisé une balise <p> pour mettre la légende (titre + description). Libre à toi de faire autrement, quitte à te passer d'un tableau et faire avec d'autres balises...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 09-08-2014 à 11:16:57    

Pb résolu merci


Message édité par sparadra1 le 09-08-2014 à 12:18:36
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed