Discussion :

[JackSteller]

Hello

je souhaiterais ouvrir une modal depuis une vue différente

ici mon bouton sur dashboard.html.twig

Code twig :

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

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 :

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

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');
        }

[JackSteller]

personne?...

[Freudd]

Bonjour JackSteller,

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

Code Javascript :

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

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 Javascript :

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
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');
}

[JackSteller]

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 Javascript :

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
$("#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 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