[BootStarp] Passer une variable JS => modal
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:
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:
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:
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
