Discussion :

[asurion]

Bonjour,
Je suis nocive dans le JS et particulièrement avec Jquery.
J'ai une menu déroulant "Connexion" qui affiche un formulaire directement au niveau du menu.

J'utilise de l'Ajax pour procéder a la connexion (Session, ...) et j'utilise .load pour recharger le php de la div du menu.
Jusque la tout va bien, la div est rechargé, et je peux accéder a mon profil et a la déconnexion.


Le problème c'est que si je clique juste après mettre connecté, sur le bouton déconnexion , l'Ajax de la déconnexion ne s’exécute pas... Il faut que je recharge la page (F5) pour que je puisse me déconnecter. Et vise versa, si je me déconnecte, je ne peux plus me reconnecter...

Voila le code. N'hésitez pas a me dire si il y un meilleur moyen

Jquery/Ajax

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<script>
	function refresh_div(iddiv){
		$("#"+iddiv).load(location.href + " #"+iddiv);
	}
 
    $("#conn_menu").click(function(){
    	var username = $("#username").val();
    	var password = $("#password").val();
    	if(username != "" && password != ""){
	        $.post(
	            'process/process_login.php',
	            {
	                username : username, 
	                password : password
	            },
	            function(data){
	            	if(data == "Success"){
	                	swal("Félicitation", "Tu es maintenant connecté !", "success");
	                	refresh_div("refresh_user");
	                }  else
	                	swal("Erreur", ""+data+"", "error");
	            },
	            'text'
	        );
	    } else {
	        swal("Erreur", "Vous devez remplir les champs", "error");			    	
	    }
    });
    $("#logout").click(function(){
        $.ajax({ 
        	url: 'process/process_logout.php',
	        success: function(output) {
                swal("Félicitation", "Tu es maintenant déconnecté !", "success");
	            refresh_div("refresh_user");
	        }
		});
    });
</script>

Pour le bouton déconnexion, c'est un simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><a href="#" id="logout">Déconnection</a></li>

Merci