Comment faire pour afficher un pdf dans une fenêtre modale?

J'ai une fenêtre modale, qui contient un texte d'ancrage. Lorsque je clique sur ce lien, il doit appeler un pdf logé quelque part d'autre et l'afficher dans une fenêtre pop-up . Comment puis-je le faire ?

Aide gentiment .

qu'entendez-vous par une fenêtre modale?
Une fenêtre modale est un navigateur de la fenêtre modale. Il apparaît, quand on clique sur un bouton ., ce qui aura un lien. Lorsque que l'on clique dessus, un fichier pdf pop up doit venir .
vous pouvez utiliser l'iframe pour afficher vos pdf mais il n'affiche que si le plugin est disponible pour le navigateur.Une autre option est d'utiliser la librairie js
Salut Rajesh, qu'est-ce que la bibliothèque js que vous êtes en train de parler ? Existe-il des exemples sur la façon de réaliser ce type de fonctionnalité ?
Regarde dans jspdf et pdfjs. Il serait bien si vous avez au moins partager le HTML/CSS de la fenêtre modale pour aider ceux qui essaient de vous aider.

OriginalL'auteur The Dark Knight | 2012-11-09

  1. 23

    Vous pouvez le faire avec l'aide de jQuery UI boîte de dialogue, vous pouvez télécharger JQuery ui à partir d'ici Télécharger JQueryUI

    Inclure ces scripts d'abord à l'intérieur de <head> tag

    <link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>

    JQuery code

    <script language="javascript" type="text/javascript">
  $(document).ready(function() {
    $('#trigger').click(function(){
      $("#dialog").dialog();
    }); 
  });                  
</script>

    Du code HTML dans <body> tag. Utiliser un iframe pour charger le fichier pdf à l'intérieur de

    <a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
    <div>
    <iframe src="yourpdffile.pdf"></iframe>
    </div>
</div>
    upvoted, semble bon. Va l'essayer, Tx
    Je l'ai testé et l'a posté. Espérons qu'il vous aide.
    il fonctionne parfaitement la plupart des navigateurs modernes à l'exception de safari. Dans safari, près de la le modèle de la fenêtre ne se ferme pas l'iframe lui-même. une idée ?
    Comment au sujet de l'ouverture du fichier pdf en mode edit et ensuite être capable d'enregistrer mes modifications dans le code javascript.
    Il est utile de noter que le comportement dépend des paramètres du navigateur. Par défaut, par exemple Firefox télécharger le document et de montrer une image vierge, tandis que Chrome va afficher un aperçu du document à l'intérieur du cadre comme prévu.Ces paramètres peuvent être mis à jour.

    OriginalL'auteur Swarne27

  2. 5

    Vous pouvez avoir un coup d'oeil à cette bibliothèque: https://github.com/mozilla/pdf.js il rend document PDF dans un site Web/page HTML

    Vous pouvez également utiliser le Flash pour intégrer le document dans une page HTML comme ceci:

    <object data="your_file.pdf#view=Fit" type="application/pdf" width="100%" height="850">
    <p>
        It appears your Web browser is not configured to display PDF files. No worries, just <a href="your_file.pdf">click here to download the PDF file.</a>
    </p>
</object>

    OriginalL'auteur infinity

  3. 2

    Vous pouvez avoir un iframe à l'intérieur de la modale de balisage et de donner à l'attribut src de ce que le lien vers votre fichier pdf. Cliquez sur le lien vous pouvez afficher cette modal de balisage.

    Darshan, allez-vous me fournir un exemple de code ? Cela va m'aider à le comprendre .

    OriginalL'auteur Darshan

  4. 0

    vous pouvez utiliser l'iframe à l'intérieur de votre formulaire modal ainsi, lorsque u ouvrir la fenêtre iframe il ouvert à l'intérieur de votre formulaire modal . j'espère que vous êtes rendu à certains pdf ouvre-boîte avec une url , si u ont le contenu pdf ajouter simplement le contenu dans un div dans le formulaire modal .

    OriginalL'auteur Hussain Akhtar Wahid 'Ghouri'