Discussion :

[rockt13]

Bonjour,

Sur mon site cakePHP je viens de mettre une authentification en AJAX.

Lorsque le retour de la requete de login est OK je fais un window.location.href et une fois la page charg�e j'aimerais afficher un popup de type toastr pour afficher diff�rentes informations.
Voici mon bout de code:

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
$.post(linkAction,phpData,function(data){
                    if(data==false){
                         swal("Erreur authentification","Veuillez vérifier votre mot de passe","error") 
                    }else{
                        //welcome
 
                            toastr.options = {
                                        closeButton: true,
                                        progressBar: true,
                                        timeOut: 10000,
                                        onclick: null
                                    };
                            // Display a success toast, with a title
                            window.location.href=basepath+"/book";
                            toastr.success('Bienvenue sur app',data['nom_complet'])
                    }
 
            },"json");

le probl�me c'est que le comportement est asynchrone donc la page commence � charger, le popup toastr s'affiche mais des que la page s'affiche le popup disparait... je ne sais pas trop comment faire

J'aimerai vraiment pouvoir afficher des popups avec diff�rentes informations une fois que la personne s'est connect�e... auriez vous une id�e ??

Merci par avance

[LearningBoy]

Bonjour @rockt13,

Si j'ai bien compris l'id�e est de pouvoir afficher le toastr seulement si la page est correctement charg�.

Est-ce que si tu ex�cute ton code dans un widow.onload cela pourrait fonctionner ?

Voici un exemple d'utilisation donn� sur ce lien :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
window.onload = function() {
  init();
  doSomethingElse();
};

Bien cordialement,

Simon de AwesomeAngular.

[rockt13]

Salut Simon,

Je ne sais pas si je peux utiliser cela car j'ai peur qu'a chaque refresh de la page le onload sera de nouveau appel� ?

Dans mon cas il faut que les popups soient lanc�s uniquement apr�s la premi�re connexion, je pensais �ventuellement utiliser un timeout pour d�clencher les popups...mais la difficult� c'est de d�terminer la bonne dur�e....

� moins qu'il y ait une solution plus �l�gante ?

[SpaceFrog]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 window.location.href=basepath+"/book";
  toastr.success('Bienvenue sur app',data['nom_complet'])

Si tu changes de page ... js meurt avec la page, la ligne qui suit le location href ne sera jamais interpr�t�e ...

[rockt13]

ok... du coup quelles alternatives me reste-t-il ?

[SpaceFrog]

lancer le script sur la page qui s'ouvre sur le onload de

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

basepath+"/book";

[rockt13]

Ok,
je viens en m�me temps de d�couvrir les "sessionStorage"
je vais donc essayer de faire quelque chose comme ceci sur le onload:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
if (sessionStorage.getItem('firstLogin') !== 'true') {
 toastr.sucess("blablalb");
sessionStorage.setItem('advertOnce','true');
}

Je vous fait un retour des que j'ai test�
A+

[SpaceFrog]

oui soit en mettant le message en sessionStorage ou encore en passant un param�tre dans l'url ...

[rockt13]

Voici la solution mis en place

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
$(function() {        
        var basepath=$("#basepath").attr("data-path");
        toastr.options = {
                closeButton: true,
                progressBar: true,
                timeOut: 10000,
                onclick: null
            }; 
 
        if (sessionStorage.getItem('advertOnce') !== 'true') {
 
            $.post(basepath+"/Users/usersInfoAjax/",{},function(data){
 
                //bienvenue popup
                toastr.success('Bienvenue sur le logiciel', data["nom"]);
 
                //recrutement en cours
                if(data["nbrecrue"]>0){                           
                    toastr.warning('Vous avez '+ data["nbrecrue"] +' recrutements en cours.\nPouvez vous renseigner leurs status?', 
                                    'Recrutements',
                                    {timeOut: 15000}
                                    );      
                }  
 
            },"json");
 
            sessionStorage.setItem('advertOnce','true');    
 
        }
});

Un sessionStorage.clear() est fait avant l'appel au login .$post()...