Le chargement complet de la Page HTML en Modal Box

Ok alors maintenant, il a été un jour près, pour la recherche Modal à cocher pour afficher une complète .HTML fichier en Modal boîte au lieu de l'ouvrir dans une nouvelle fenêtre ou onglet.

Plus précisément: 

<a href="ajax.html" rel="modal:open">example</a>

Ce ajax.html fichier doit s'ouvrir dans "modal box" dans la même fenêtre.

Comment puis-je obtenir à travers balise d'ancrage?

J'ai cherché à fond mais pas trouvé de bonne solution, sauf que cette un(Exemple#4). Cela fonctionne sur le site, mais ne fonctionne pas quand je le télécharge.

.

P. S: je ne veux pas utiliser iframe.

InformationsquelleAutor Faisal Ashfaq | 2014-03-02
  1. 8

    Il y a quelques différentes façons de le faire, mais le meilleur moyen est d'utiliser une requête AJAX la page à l'aide de jQuery:

    $.post("ajax.html", function(data){

    $("#myModalDiv").html(data).fadeIn();

});

    Puis lier cela à votre point d'ancrage, de lui attribuer une ID et le faire dans votre $(document).ready():

    $(document).ready(function(){

    $("a#someId").on("click", function(){

        //Put the code from above here.

    });

});

    Notez que cela ne fonctionne que pour les fichiers sur le même domaine.

    Si vous souhaitez utiliser des fichiers sur un autre domaine, vous aurez à utiliser un iframe, donc je ne peux pas mettre cela dans un violon parce qu'il n'y a pas de fichiers de tirer sur un violon.

    • data est ce qui est retourné par la $.post() demande. Il n'a pas à être appelé de données, mais qu'est ce que j'utilise. Vous pourriez faire $.post("ajax.html", function(sugar){}); et il fonctionne encore. Afin de données contient essentiellement le contenu de "ajax.html" puisque c'est un fichier HTML. Si vous avez été poster sur une page PHP, il serait tout ce qui est fait l'écho de la page PHP, y compris echo appels, var_dumps, des erreurs, et HTML.
    • Tout ce que vous voulez qu'ils soient. Il pourrait être vide.
    • Qui a l'air bien. Est-il travailler pour vous?
    InformationsquelleAutor David
  2. -1

    Vous pouvez utiliser bootstrap pour la chose que vous voulez faire.

    http://getbootstrap.com/javascript/

    Découvrez la modale de la section.

    • Si tu parles de l'Amorçage à distance option pour les auxiliaires modaux, ils clairement sur la page, vous lien: "Cette option est obsolète depuis la v3.3.0 et sera supprimée dans v4. Nous vous recommandons d'utiliser côté client création de modèles ou d'une liaison de données-cadre, ou l'appel de jQuery.charger vous-même."
    InformationsquelleAutor Isank