Box de confirmation deconnexion

Résolu
Nabil -  
 Nabil -
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. Mihawk Messages postés 4753 Statut Contributeur 846
     
    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...
    0
  2. Nabil
     
    Sa ma l'air très bien comme idée mdrr :s tu n'aura pas un exemple ?
    0
  3. Mihawk Messages postés 4753 Statut Contributeur 846
     
    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.
    0
  4. Nabil
     
    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>
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Mihawk Messages postés 4753 Statut Contributeur 846
     
    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.
    0