IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Popup imbriquées [UI Mobile]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2017
    Messages
    105
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2017
    Messages : 105
    Par défaut Popup imbriquées
    Bonjour je démarre un QCM via un popup avec le lien ci-dessous :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#popupDialog1" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-icon-left ui-btn-b">Démarrer le Q.C.M </a>

    On commence donc par la question 1, dans le footer du popup j'ai mis le lien ci-dessous de la question 2 :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#popupDialog2" data-rel="popup" data-position-to="window" data-transition="flip" class="ui-btn-right ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-icon-right ui-icon-carat-r ui-btn-icon-notext">Suivant</a>

    Donc je lance le QCM, j'arrive sur le popup 1 puis lorsque j'appuis sur le lien "Suivant" rien ne se passe, le popup de la question 1 reste en place. Comment faire pour fermer le popup 1 et basculer sur le popup 2 ? merci d'avance

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 521
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 521
    Par défaut
    tu peux supprimer le 1er pop-up avec .remove(), non?

  3. #3
    Membre confirmé
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2017
    Messages
    105
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2017
    Messages : 105
    Par défaut
    Le popup disparait mais la fenetre reste bloquée en modale.

    Ce code non plus ne marche pas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     $(document).on('click', '#boutonfermer', function(){ 
            //$("#popupDialog1").remove();
            $("#popupDialog1").popup("close");
    	$("#popupDialog2").popup("open");
     });
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <button id="boutonfermer" class="ui-btn-right ui-btn  ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-carat-r ui-btn-icon-notext">Suivant</button>

  4. #4
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 521
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 521
    Par défaut
    ce serai sympa si tu nous montre le code complet que tu as fait...

  5. #5
    Membre confirmé
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2017
    Messages
    105
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2017
    Messages : 105
    Par défaut
    Ici j'ai un code qui marche http://jsfiddle.net/B6TgZ/134/

    J'ai copié coller le code dans une nouvelle page de mon site, le code ne marche pas
    il m'affiche cela en plus :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    test.html#&ui-state=dialog
    Et le popup ne se ferme pas. J'ai mis comme suggère des sites mais toujours rien. Par contre ui-state=dialog disparait mais le popup ne se ferme toujours pas.

  6. #6
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 521
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 521
    Par défaut
    J'ai testé l'exemple et j'été obliger de modifier la version de jQuery et jQuery mobile, tu n'as pas des erreurs dans l'onglet console du navigateur?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Retrouver ma popup à partir d'une autre page
    Par Frostek dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 18/05/2011, 14h19
  2. popup suivi d'une redirection
    Par skypi dans le forum ASP.NET
    Réponses: 7
    Dernier message: 23/11/2010, 17h03
  3. Script fermer popup pour ouvrir autre popup
    Par bleudemars dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 11/04/2009, 19h58
  4. Rafraichissement d'un popup par un autre popup
    Par mcdelay dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 12/10/2007, 15h34
  5. fermer un popup et génerer une autre page mère en meme temps
    Par kaiser59 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/01/2007, 08h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo