PHP|Débutant :: Forums

majo82

Membre

Inscription : 12-01-2012

Messages : 3

Alterner une div dans une boucle while

Bonjour,

J'aimerais savoir comment alterner une div à l'intérieur d'une boucle while.

En effet pour chaque bloc, j'ai un background image différent.

Si j'utilise le code suivant (for) j'ai bien mes 3 background image mais chacun est répété 3 fois

Voici le code PHP

(while($polaroid = mysql_fetch_object($result)) {

    for ($i=0; $i<3;$i++) {

    print "<div class='item".$i."'>";

  print '<p><img width="170" height="140" src="img/accueil/polaroid/'.$polaroid->id_polaroid.'.jpg" alt="'.$polaroid->nom.'"/></p';    

  print '<ul class="text">';                      

        print '<li class="sstitre">'.$polaroid->nom.'</li>';

        print '<li class="prix">'.$polaroid->prix.' €</li>';

        print '<li><a  class="detail" href="polaroid_zoom.php?id_polaroid='. $polaroid->id_polaroid .'"><span>En savoir +</span></a></li>';

        print '</ul>';

  print '</div>';

  }}

Voici le code HTML

<div class="item0"><br />

  <p><img src="img/boucle.png" width="170" height="140" alt="boucle"/></p>      

      <ul class="text">                      

                        <li class="sstitre">Boucles d'oreilles</li>

                       <li class="prix">12 €</li>

                        <li><a  class="detail" href="savoir.html"><span>En savoir +</span></a></li>

              </ul>

</div> <!--fin class item-->        

<div class="item1"><br />

      <p><img src="img/boucle.png" width="170" height="140" alt="boucle"/></p>            

<ul class="text">                      

                       <li class="sstitre">Boucles d'oreilles</li>

                       <li class="prix">12 €</li>

                        <li><a  class="detail" href="#"><span>En savoir +</span></a></li>

            </ul>

</div> <!--fin class item-->                   

<div class="item2"><br />

      <p><img src="img/boucle.png" width="170" height="140" alt="boucle"/></p>      

      <ul class="text">                      

                       <li class="sstitre">Boucles d'oreilles</li>

                       <li class="prix">12 €</li>

                        <li><a  class="detail" href="#"><span>En savoir +</span></a></li>

            </ul>

</div> <!--fin class item-->

Voici le code CSS

.item0{

  float:left;

  background:url(../img/contenu/diapo1.png) no-repeat center;

  width:240px;

  height:310px;

  display:block;
}

.item1 {

  float:left;

  background:url(../img/contenu/diapo2.png) no-repeat center 5px;

  width:240px;

  height:310px;

  display:block;

  margin-top:4px;
}
.item2{

  float:left;

  background:url(../img/contenu/diapo3.png) no-repeat center;

  width:240px;

  height:310px;

  display:block;

}

Si vous avez une solution,

Merci par avance

Jc

Membre

Lieu : Zillisheim - Alsace

Inscription : 15-04-2010

Messages : 1 629

Site Web

Re : Alterner une div dans une boucle while

Bonjour,

Il te suffit de laisser tes balises <div> et </div> à l'intérieur de ton while mais de les mettre à l'extérieur de ta boucle for.

++

---

POO PHP+Ajax en MVC avec PDO et Bases de données épaisses  : What else?

majo82

Membre

Inscription : 12-01-2012

Messages : 3

Re : Alterner une div dans une boucle while

Bonjour,

Merci pour ta réponse par contre je n'ai pas bien compris. Je ne peux par séparer ma class de ma div ?

Merci

Jc

Membre

Lieu : Zillisheim - Alsace

Inscription : 15-04-2010

Messages : 1 629

Site Web

Re : Alterner une div dans une boucle while

Bonjour,

Cela veut dire de déplacer la ligne 5 à la ligne 2 et la ligne 19 entre les deux accolades de la ligne 21 dans ton code PHP. Pas plus compliqué que cela

---

POO PHP+Ajax en MVC avec PDO et Bases de données épaisses  : What else?

Maljuna Kris

Infantimigulo

Lieu : Douarnenez 29100 Breizh Izel

Inscription : 08-05-2009

Messages : 2 453

Site Web

Re : Alterner une div dans une boucle while

Pas si simple, c'est la valeur incrémentée de $i qui détermine le nom de la class CSS de chaque <div> en ligne 5 du script PHP.

---

Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Jc

Membre

Lieu : Zillisheim - Alsace

Inscription : 15-04-2010

Messages : 1 629

Site Web

Re : Alterner une div dans une boucle while

@MK, ah oui en effet, je n'avais pas pris la peine de faire attention à cela. Faut juste inverser, mettre le for à l'exterieur de la div et le while à l'intérieur.

++

---

POO PHP+Ajax en MVC avec PDO et Bases de données épaisses  : What else?

majo82

Membre

Inscription : 12-01-2012

Messages : 3

Re : Alterner une div dans une boucle while

Merci bcp pour votre aide.