Bonjour tout le monde,

Je me permet de vous écrire afin de solliciter votre aide.

Je suis bloquée sur un carroussel que j'ai repris sur Bootstrap. Je récupère des informations via requêtes SQL pour chaque visuel du carroussel et via une boucle while. Ceci fonctionne. C'est à dire que, chaque fois que l'on change de visuel sur le carroussel (en cliquant sur suivant), les infos changent, en fonction de la BDD.

Pour me complexifier la tâche, j'ai souhaité ajouter un bouton checkbox avec un onclick "submit" à chaque slide, afin que dès que l'on clique sur la checkbox de chaque slide, le formulaire s'envoie. Ci-dessous.

    /*Création carroussel */
    $html .= '<div id="carouselExample" class="carousel slide">';
    $html .= '<div class="carousel-inner">';

    /*Première image carroussel */
    $html .= '<div class="carousel-item active">';
    $html .= '  <div class=box_img_test">';
    $html .= '      <img src="images/sortie_carroussel.png" class="img_test"/>';
    $html .= '  </div>';
    $html .= '</div>';

    /*Contain carroussel */
    $sql = "SELECT * FROM t_sortie ORDER BY id DESC";
    $rs = query($sql);
    if ($rs && mysqli_num_rows($rs)){
        while ($data_sortie = mysqli_fetch_assoc($rs)){
    $html .= '  <div class="carousel-item">';
   $html .= '      <div id="sortie" class="sortie">';
    
    /*Ajout bouton en position relative */
    $html .= '      <form id="form_je_participe" method="POST" action="index.php?page=accueil&id='.$id_user.'" enctype="multipart/form-data">';
    $html .= '          <input  value="'.$data_sortie['id'].'" id="btn_je_participe" class="btn_je_participe" type="checkbox" name="btn_je_participe" onclick="isChecked()">';
    $html .= '          <p id="text_btn">Je participe</p>';
    /*Fin bouton */
    $html .= '      </form>';
 

    $html .= '          <p class="date sortie">'.$data_sortie['date_sortie'].'</p>';

Sur chaque slide du carroussel, il y a donc les infos BDD, un bouton suivant et un autre pour la checkbox.

Néanmoins, la soumission du formulaire fonctionne uniquement pour le premier visuel du carroussel, sur les autres, il ne fonctionne pas.

Je ne suis pas une pro du JS et du PHP mais je pense que c'est une problématique qui pourrait se résoudre en JS.

Si vous avez des idées je suis preneuse. Bonne journée.

-
Edité par CBL3 22 janvier 2023 à 10:48:14

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue.

Merci de modifier votre message d'origine en fonction.