ouvrir modal depuis une vue differente

Version imprimable

Hello

je souhaiterais ouvrir une modal depuis une vue différente

ici mon bouton sur dashboard.html.twig
Code:

1 2 3 4 5 6 <div class="btn-modal-indiv" style="height: 250px"> <button class="btn btn-primary btn-lg" style="margin-left: 350px;margin-top:100px;" href="" aria-disabled="true" data-toggle="modal" data-target="#myModal-Psychologique">Commencez le questionnaire Psychologique? </button> </div>
je veux que au click je sois redirigé sur une autre page où se trouve la modale et qu'elle s’ouvre automatiquement

Merci de m'aider

Bon en attendant j'ai fais cela, ça fonctionne mais le problème si je recharge la page la fonction est toujours présente donc le modal est de nouveau chargé..
Code:

1 2 3 4 5 6 7 8 $("#quizz-psycho").on("click", function () { location.href = "/userslp/eco-profile"; }); var showModel = 1; if (showModel == 1) { $('#myModal-Psychologique').modal('show'); }

26/06/2019, 12h23
JackSteller

personne?...:lol:

Bonjour JackSteller,

Pour ton besoin, je te conseille d'ajouter un paramètre à l'URL de la page re-dirigée :

Code:

1
2
3
$("#quizz-psycho").on("click", function () {
    location.href = "/userslp/eco-profile?modal=idModal";
});

Dans ton autre page, une fois entièrement chargé, tu récupères ton paramètre et s'il existe et qu'il correspond à l'identifiant de la fenêtre module tu l'ouvres :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function GET(param) {
    var vars = {};
    window.location.href.replace( location.hash, '' ).replace( 
        /[?&]+([^=&]+)=?([^&]*)?/gi,
        function( m, key, value ) {
            vars[key] = value !== undefined ? value : '';
        }
    );
 
    if ( param ) {
        return vars[param] ? vars[param] : null;	
    }
    return vars;
}
 
 
if (GET['idModal'] === 1) {
    $('#myModal-Psychologique').modal('show');
}

hello et merci

Alors déjà le fichier JS est instancié sur les 2 pages et ensuite pourrais tu m'expliquer ce que tu fais?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$("#quizz-psycho").on("click", function () {
            location.href = "/userslp/eco-profile?modal=idmodal";//ici le parametre dans l'url (GET)
        });
 
        function GET(param) {   //ici j'ai pas trop compris ce que tu vérifie  c'est toute la sécurité c'est bien ca? pour pas qu'il y ai de  connerie qui passe dans l'url:?
            var vars = {};
            window.location.href.replace(location.hash, '').replace(
                /[?&]+([^=&]+)=?([^&]*)?/gi,
                function (m, key, value) {
                    vars[key] = value !== undefined ? value : '';
                }
            );
 
            if (param) {
                return vars[param] ? vars[param] : null;
            }
            return vars;
        }
 
 
        if (GET['idmodal'] === 1) { 
            $('#myModal-Psychologique').modal('show');
        }

parce que la redirection se fait bien...j'ai bien mon parametre dans l'URL (127.0.0.1:8000/userslp/eco-profile?modal=idmodal)...

mais rien ne s'ouvre :weird: alors est ce que la fonction GET doit etre indépendante du reste? parce que je met tout dans un fichier js qui est chargé partout