Bonjour à tous,
Débutant de toujours, j'essaie en vain et depuis pas mal de temps de :
- demander la saisie de texte dans une modale (id="ean")
- récupérer la valeur de cet input
- ajouter à mon URL le paramètre &ean=XXXXXX
Sauf que, de la manière dont j'ai rédigé mon script, je me dis que lorsque l'input est servi, la création de l'URL en bas de mon script est déjà construite.
Et j'ai beau ajouter des caractères dans mon input, l'URL ne change pas (naturellement)
Voici la modale en question :
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 <div class="modal fade" id="confirm-record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Confirmation</h4> </div> <div class="modal-body"> <p>Etes-vous sur de vouloir associer</p> <h2> <?php echo $crossRef; ?></h2> <p>au Sku</p> <h2><span id="recupSku"></span> (<span id="recupEtat"></span>) </h2> <p>Veuillez confirmer</p> <p class="debug-url"></p> <form> <div class="form-group"> <label for="ean">Voulez vous ajouter un EAN:</label> <input type="text" class="form-control" id="ean"> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button> <a class="btn btn-success btn-ok">Valider</a> </div> </div> </div> </div>
et mon script
Je sais qu'il me faut certainement organiser ce script pour dire "tant que #ean change", l'URL change. Mais mon faible bagage intellectuel m'empêche de trouver le chemin.
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 <script> $('#confirm-record').on('show.bs.modal', function(e) { $('#ean').keyup(function() { var ean = $('#ean').val(); console.log(ean); }); $(this).find('.btn-ok').attr('href', ($(e.relatedTarget).data('href') + "&crossRef=<?php echo $crossRef; ?>" + "&id=<?php echo $id; ?>" + "&ean=" + ean)); $('.debug-url').html('Delete URL: <strong>' + $(this).find('.btn-ok').attr('href') + '</strong>'); $('#recupSku').html(e.relatedTarget.dataset.sku); $('#recupEtat').html(e.relatedTarget.dataset.etat); }); </script>
Merci pour l'aide éventuelle que vous pourriez m'apporter.
Bonne journée
Partager