Bonjour,

Je suis novice, j’utilise un modal de Bootstrap 4 dans une boucle While avec des variables.

Le soucis ce que lorsque j'ouvre le modal, c'est toujours les éléments de la 1er boucle qui sont pris en compte.

Voici mon code :

<?php $title = 'Gestion des techniciens' ?>
<div class="container">
<!-- Affichage des techniciens-->
  <h1 class="text-center mb-3 mt-3 font-italic">Gestion des techniciens</h1>

  <?php while ($tech = $allTech->fetch()) { ?>
    <div class="accordion mb-1 accordeonGestionTechnicien" id="accordionExample">
      <div class="card">
        <div class="card-header" id="heading<?= $tech['id'] ;?>">
          <h2 class="mb-0">
            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse<?= $tech['id'] ;?>" aria-expanded="true" aria-controls="collapseOne">
              <span class="titleTech"> <?= chooseRole($tech['role_user']) ; ?> </span>
              <span class="titleTech ml-4"> <?= $tech['nom_user']. " " . $tech['prenom_user'] . "  (" . $tech['trigramme_user'] . ") " ;?> </span>
            </button>
            <button type="button" class="btn float-right" id="modalSupTechnicien" data-toggle="modal" data-target="#modalConfirmDelete"><i class="fa fa-user-times text-danger" aria-hidden="true"></i></button>
            <button type="button" class="btn float-right" data-toggle="modal" data-target=""><i class="fa fa-pencil-square-o text-success" aria-hidden="true"></i></button>
          </h2>
        </div>
        <div id="collapse<?= $tech['id'] ;?>" class="collapse" aria-labelledby="heading<?= $tech['id'] ;?>" data-parent="#accordionExample">
          <div class="card-body small">
            <p><span class="font-weight-bold">Mail : </span><span class="font-italic"><?= $tech['mail_user'];?></span></p>
            <p>
              <span class="font-weight-bold">Secteur : </span><span class="font-italic">
                <?php switch($tech['secteur_user']){
                      case(3):
                          echo 'Allier';
                          break;
                      case(15):
                          echo 'Cantal';
                          break;
                      case(19):
                          echo 'Corrèze';
                          break;
                      case(63):
                          echo 'Puy de Dôme';
                          break;
                  }?>
              </span>
            </p>
            <p>
              <span class="font-weight-bold">Type de compte : </span><span class="font-italic">
                <?php if($tech['role_user']== 'admin'){
                    echo "Administrateur";
                  }elseif($tech['role_user']== 'gest'){
                    echo "Gestionnaire";
                  }else{
                    echo "Technicien";
                }?>
                </span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!--Modal: modalConfirmDelete-->
    <div class="modal fade" id="modalConfirmDelete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"  aria-hidden="true">
      <div class="modal-dialog modal-sm modal-notify modal-danger" role="document">
        <!--Content-->
        <div class="modal-content text-center">
          <!--Header-->
          <div class="modal-header d-flex justify-content-center text-light bg-danger">
            <p class="heading">Confimez vous la suppression ?</p>
          </div>

          <!--Body-->
          <div class="modal-body m-5">
            <span class="m-2 text-danger font-italic font-weight-bold"> <?= $tech['nom_user']. " " . $tech['prenom_user'] . "  (" . $tech['trigramme_user'] . ") " ;?></span>
          </div>

          <!--Footer-->
          <div class="modal-footer flex-center">
            <a href="index?page=gestionTechnicien&idTech=<?= $tech['id'] ; ?>" class="btn  btn-outline-danger">Supprimer</a>
            <a type="button" class="btn  btn-danger waves-effect" data-dismiss="modal">Annuler</a>
          </div>
        </div>
        <!--/.Content-->
      </div>
    </div>
    <!--Modal: modalConfirmDelete-->
    <?php } ?>

-
Edité par jmaquaire 5 avril 2020 à 10:56:54