Ouvrir un modal bootstrap à partir d'une autre page

J'ai une liste de liens que chacun d'ouvrir leur propre modal. Chacun de ces auxiliaires modaux contenu de l'affichage d'un fichier html. En voici un échantillon,

<div id="how-rtm-works" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
<div class="modal-content">
 <div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h1 id="myModalLabel">How Right to Manage works</h1>
</div>
<div class="modal-body" id="utility_body">
<p>One fine body…this is getting replaced with content that comes from passed-in href</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<li><a data-target="#how-rtm-works" href="modal-content/how-RTM-works.html" role="button" data-toggle="modal">How Right to Manage works</a></li>

Car il n'y a plus d'un modal, chacun a sa propre identité qui est référencée dans la base de données cible.

Quelqu'un peut-il me conseiller sur comment je pourrais cibler ces auxiliaires modaux à partir d'une autre page, ou dans mon cas, toutes les pages, car elles seront liées dans le pied de page du site nav.

  • Je ne pense pas que je obtenir ce que vous demandez... Vous voulez un modal sur une page pour l'ouvrir sur un autre?
  • J'ai cinq liens sur une page web que chacun d'ouvrir leur propre Modal ( je l'ai fait parce que j'étais incapable de travailler sur la façon d'utiliser les Modaux pour tous les liens.) Je voudrais avoir ces liens dans mon modèle de pied de page ainsi que sur la page qui a le Modaux, de manière efficace que si l'utilisateur clique sur un lien dans le pied de page dans une autre page, il sera dirigé vers la page qui contient les auxiliaires modaux et ouvre le Modal.
  • Pourquoi ne pas simplement créer des pages d'un site web :/
  • Je comprends votre point de vue! La principale raison est parce que nous voulions avoir certaines informations à la disposition de l'utilisateur à partir de cette page en particulier, mais ne veulent pas prendre loin de la trajectoire naturelle nous essayons de les guider à travers. Je commence à penser que nous sommes plus de compliquer les choses pour nous-mêmes!
  • hahaha!!! Je pense que vous pouvez peut-être, pourquoi n'utilisez-vous pas de l'accordéon?
  • Essayez la réponse de Buzina sur ce lien Il a travaillé pour moi.

InformationsquelleAutor Steve Joiner | 2014-03-05
  1. 2

    Première page, vous allez utiliser:

    <a href="second.html#myModalLabel" class="btn btn-primary"> Open Modal </a>

    À la deuxième page, vous allez insérer votre modal et le suivi de script:

            <script type='text/javascript'>
            (function() {
                'use strict';
                function remoteModal(idModal){
                    var vm = this;
                    vm.modal = $(idModal);

                    if( vm.modal.length == 0 ) {
                        return false;
                    }

                    if( window.location.hash == idModal ){
                        openModal();
                    }

                    var services = {
                        open: openModal,
                        close: closeModal
                    };

                    return services;
                    ///////////////

                    //method to open modal
                    function openModal(){
                        vm.modal.modal('show');
                    }

                    //method to close modal
                    function closeModal(){
                        vm.modal.modal('hide');
                    }
                }
                Window.prototype.remoteModal = remoteModal;
            })();

            $(function(){
                window.remoteModal('#myModalLabel');
            });
        </script>
    • Ne sais pas pourquoi je n'ai jamais essayer cette plus de trois ans. Eu un problème similaire et j'ai essayé cette qui fonctionne parfaitement. De nombreux tardive merci #burunoh
    InformationsquelleAutor burunoh
  2. 2

    Bien votre modals avait des Id, je pense que vous pouvez les déclencher en ajoutant #comment-rtm-travaux à la fin du lien
    par exemple, si vous avez un modal appelé
    id="My_Modal"
    vous pouvez faire un lien
    <a href="your_link/#My_Modal">Link me to the modal</a>
    Si c'est votre question, je suppose que cela peut vous aider !

    • Je vais essayer cela.. Merci pour votre suggestion Mohamed!
    • En fait, je ne suis pas sûr de comment je pourrais faire cela parce que mon modals de contenu externes html fichiers référencés dans le href de la balise et le modal id est référencé dans la base de données cible tag. J'ai fait de cette manière, de sorte que la page n'a pas, en permanence, ont de grandes quantités de html intégré dans la page tout le temps. Mais peut-être que c'est le seul moyen si je veux faire un lien à partir de l'extérieur de la page avec les auxiliaires modaux.
    • ont maintenant essayé ceci mais ça ne fonctionne toujours pas ouvrir le modal
    • Bien u peut envoyer le lien de ur site web pour vérifier ?
    • Une page qui contient les auxiliaires modaux peuvent être consultés à: test-site.rtmf.org.uk/services-retirement.php je voudrais être en mesure de les ouvrir, de les liens dans le pied de page de rappel quand sur d'autres pages web.
    InformationsquelleAutor Mohamed Ali Bouhoum