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

[Invité]

Bonjour,

il faut "accrocher" les instructions à une balise déjà existante dans le DOM AVANT tout appel Ajax.
ex. : remplacer

Code :

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

1
2
3
4
5
    $("#conn_menu").click(function(){
...
 
    $("#logout").click(function(){
...

par

Code :

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

1
2
3
4
5
    $('#mon_menu').on( 'click', '#conn_menu', function(){
...
 
    $('#mon_menu').on( 'click', '#logout', function(){
...

où #mon_menu existe dans le DOM AVANT tout appel Ajax.

[asurion]

Merci beaucoup !
J'ai mis 'document' a la place de l'ID_menu

[Invité]

Pense à cliquer ci-dessous