Box de confirmation deconnexion

Résolu
Bonjour,

Je suis le webmaster d'un site. j'ai crée un espace membre en php.
Je dispose d'un bouton deconnexion sous cette forme

<input type="button" onclick="location.href='deconnexion.php';" value="Deconnexion" />

j'aimerai que lorsque que l'on clique dessus une box s'affiche avec un message et 2 bouton
Annuler & Continuer.

Merci d'avance

6 réponses

  1. Contributeur
    Hello,

    Ton bouton actuel redirige l'utilisateur...
    Il faudrait plutôt que ton onclick appelle une fonction, qui se chargerait à la fois d'appeler la page PHP en charge de la déconnexion (en AJAX pour éviter de recharger la page), et qui afficherai une popup de confirmation de déconnexion...
    1. Sa ma l'air très bien comme idée mdrr :s tu n'aura pas un exemple ?
      1. Contributeur
        Voici la partie AJAX.
        Commence déjà par changer l'action de ton bouton.

        <input type="button" onclick="deconnecter();" value="Deconnexion" /> 


        Ensuite on code la fonction deconnecter() :

        <script language="javascript">  
           deconnecter(){  
              var request = new XMLHttpRequest();  
              request.open(GET, deconnexion.php);  
              request.send(null);  
              request.onreadystatechange = function() {  
                 if (request.readyState == 4 && request.status == 200){  
                    // Code d'ouverture de la popup  
                 } else {  
                    // Code en cas d'erreur de déconnexion  
                 }  
              }  
           }  
        </script>


        Pour info, la requête envoyée en AJAX a deux paramètres essentiels : son "readyState" qui passe successivement de 1 (préparation) à 4 (requête bien traitée et réponse prête) et un "status" qui vaut 200 en cas de succès et d'autres valeurs en cas d'échec (500 : erreur serveur, etc...).

        Voila, je te laisse coder l'ouverture de la popup, après tout tu trouves ça partout sur internet.
        Tant qu'on ne fait pas, on ne sait pas.
        1. Javascript :s beaucoup le desactive.

          J'ai bidouiller sa j'aimerai savoir ce que tu en pense :

          <form action="deconnexion.php" method="post">
          <input name="deconnexion" type="submit" onclick="if(!confirm('Voulez-vous vraiment vous déconnecter ?')) return false;" value="Deconnexion" />
          </form>
          1. Contributeur
            Ca peut marcher aussi, mais c'est moins beau ^^

            Désactiver le JS c'est tuer un bon nombre de site tellement ce langage devient indispensable... mon site utilise énormément de JS en tout cas.