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()...