Page 1 sur 1

impossible de cliquer sur le bouton synchronisation et plus de redirection

Posté : 20 déc. 2022, 00:14
par emilie14
Bonsoir les profs,
Je me dirige vers vous afin de m'aider à résoudre mon problème , j'ai créer un bouton de synchronisation qu'une fois on clique dessus il vas me redirigé vers une autre page php que j'ai crée : (control/F_SynchroPointages.php?)

le problème c'est que le bouton ne marche plus on peut pas cliquer sur et aucune redirection vers l'autre page n'est faite je ne sais pas d'ou viens le problème allez les profs aider moi SVP et merci d'avance :roll: :roll: :roll: #-o #-o


mon code php :

Code : Tout sélectionner

<div class="col-lg-2 mb-4" align="right"> <a onclick="SynchroPointage()" class="btn btn-info btn-icon-split"> <span class="icon text-gray-100"> <i class="fas fa-sync-alt"></i> </span> <span class="text">Synchronisation</span> </a> </div> <script> function SynchroPointage() { $(document).ready(function() { $("#ModalSynchro").modal('show'); }); var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("ResultatAff").innerHTML = this.responseText; } }; xmlhttp.open("GET", "control/F_SynchroPointages.php?", true); xmlhttp.send(); setTimeout(function() { document.getElementById('ModalSynchro').click(); //window.location = './pointages.php' }, 5000); } </script> </div> </div>
ici c'est le code de la petite fenêtre #ModalSynchro qui va s'ouvrir lors de la synchronisation : ($("#ModalSynchro").modal('show');)

Code : Tout sélectionner

<div class="modal fade" id="ModalSynchro" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Veuillez Patienter S'il Vous Plait</h5> <button id="ModalClose" class="close" type="button" data-dismiss="modal" aria-label="Close" hidden> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" > <center> Synchronisation en cour... Merci de patienter<br/> <div style="width: 20%;"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-spinner fa-w-16 fa-spin fa-lg"><path fill="currentColor" d="M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" class=""></path></svg> </div> </center> </div> <div class="modal-footer">

Re: impossible de cliquer sur le bouton synchronisation et plus de redirection

Posté : 21 déc. 2022, 15:17
par two3d
Profite de jQuery au maximum et sert toi de $.get ou $.post, tu trouvera la doc chez jQuery (une simple recherche "get post jquery" sur ton moteur de recherche préféré).