Discussion :

[AlexLax]

Bonjour à tous,

Je reviens vers vous avec une question.Je crois que mon cas est relativement simple mais comme je ne suis pas du tout un expert en JS et que je suis plutôt limité je bloque assez facilement.

J'utilise un modal boostrap. Ce dernier est lancé via un bouton dans lequel j'aimerai faire passer une variable afin de réaliser une requête php dans mon modal.

Malheureusement le code JS qui me permet de récupérer la variable me l'a fait passer dans un <span> à afficher dans mon modal. Je n'arrive pas à modifier ce JS pour au final récupérer la valeur dans une variable classique en php $test

Je vous joins mon code :

Le bouton :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="#myModal" class="dropdown-item" data-toggle="modal" id="'.$id_post.'" data-target="#edit-modal">
          <i class="fas fa-edit text-blue"></i>Modifier
        </a>

mon JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
        $('#edit-modal').on('show.bs.modal', function(e) {
 
            var $modal = $(this),
                esseyId = e.relatedTarget.id;
 
//            $.ajax({
//                cache: false,
//                type: 'POST',
//                url: 'backend.php',
//                data: 'EID='+essay_id,
//                success: function(data) 
//                {
                    $modal.find('.edit-content').html(esseyId);
//                }
//            });
 
        })
    </script>

Mon Modal :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!-- Edit -->
<div class="text-right mb-auto">
  <form action="./index.php?id_index=4" method="POST" enctype="multipart/form-data">
  <?php include('./includes/form/form_users_edit_post.php'); ?>
  <div id="edit-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal- modal-dialog-centered modal" role="document">
      <div class="modal-content">
        <div class="card bg-secondary border-0 mb-0">
          <div class="modal-header">
              <h3 class="modal-title" id="modal-title-default">Modifier votre publication</h3>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span>
              </button>
          </div>
          <div class="modal-body">
            <div class="d-flex align-items-center">
              <a class="avatar avatar-sm rounded-circle" href="">
                <img alt="Image placeholder" class="avatar avatar-sm rounded-circle" src="./assets/img/avatar/<?php echo $info_user["avatar_pat"]; ?>" class="rounded-circle">
              </a>
              <div class="mx-3">
                <a href="" class="text-dark font-weight-600 text-sm"><?php echo $info_user["first_name_pat"]; ?> <?php echo $info_user["last_name_pat"]; ?></a>
              </div>
            </div>
            <br/>
            <span class="modal-body edit-content">
            </span>
            <textarea rows="4" class="form-control" name="spaces_post_content" placeholder="Une question, un témoignage, un partage, quelque chose qui vous tient à coeur, partagez le avec la communauté..."><?php echo $id_post; ?></textarea>
          </div>
          <div class="modal-footer">
            <input type="hidden" value="'.$id_post.'" name="option_post_id"/>
            <input type="submit" class="btn btn-primary ml-auto" name="form_edit_post" value="Modifier"/>
          </div>
        </div>
      </div>
    </div>
  </div>
  </form>
</div>

Un grand merci à mes aideurs,

Une bonne journée,
AlexLax

[SpaceFrog]

Une Modal avec Bootstrap c'est juste un popin donc la variable est sur la page ...

après si tu veux la passer à php pour une requete il faudra soit la passer en get ou en post (url ou form) ou faire une requête ajax

[AlexLax]

Merci @SpaceFrog pour ton retour.

Alors en faite mon lien/bouton appelant le modal est dans une boucle qui en faite va chercher l'ensemble des posts (blog).
Et donc la variable si je la passe directement en affichage comme cela elle ne correspond qu'en faite qu'à la première variable sortie de ma requête et non celle spécifique à ma publication

Concrètement mon modal est un formulaire d'édition des posts.

Le plus simple serait de pouvoir afficher au travers d'une variable PHP et donc modifier le JS.
Chose sur laquelle je suis pas bon du tout

Une petite aide ?

merci à tous,
AlexLax

[SpaceFrog]

colle un identifiant sur chaque élément de la boucle dans un attribut data-elt que tu récupèreras au moment du click