Bootstrap modal - Ajouter un objet tags d'un fichier PDF

Je suis en train d'essayer d'afficher un bootstrap modale dans laquelle je veux inclure un fichier PDF avec "l'objet" balise html. Le problème est que rien ne semble l'écran.

J'ai créé un jsFiddle (http://jsfiddle.net/mV6jJ/3/).

De sorte que vous trouverez une base modale (exactement le même code de bootstrap pour une base modale, après un clic sur un bouton) et modale des-corps, vous trouverez :

<object type="application/pdf" data="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500">this is not working as expected</object>

Alors quand j'ai ajouter ce code seul (donc pas à l'intérieur d'un modal bootstrap) qu'il fonctionne comme prévu. Afficher le pdf dans le navigateur par défaut du lecteur de pdf. Mais quand j'essaie de mettre en œuvre le pdf à l'intérieur de l'amorçage modal, rien ne semble apparaître.

Si vous avez une idée ça va vraiment m'aide, beaucoup d'heures à effectuer des recherches et je n'ai vu que des solutions de tag (que je ne veux pas utiliser).

Merci et meilleures salutations

Je dois voir le pdf en modal ... vérifié avec la dernière version de Firefox.
Je vois aussi, et testé dans les dernières versions de tous les navigateurs sur Windows (IE, FF, Chrome) à l'exception de l'Opéra.
Je le vois trop avec FF28 & Chrome34

OriginalL'auteur Tidus | 2014-04-28

  1. 4

    J'ai trouvé que bootstrap inclure une propriété css qui affectent de visualisation de fichiers pdf dans une fenêtre modale.

    Changer cela:

    .modal.in .modal-dialog {
  transform: translate(0px, 0px);
}

    :

    .modal.in .modal-dialog {
  transform: none;
}

    Si cette propriété est modifiée, tout fonctionne correctement.

    Vous pouvez le voir en action:

    http://jsfiddle.net/mV6jJ/20/

    C'est la solution de travail. J'ai testé avec la balise object sur la dernière version de Firefox.
    Ne fonctionne pas sur Chrome

    OriginalL'auteur kesser

  2. 1

    Empêcher gestionnaire de téléchargement:
    Encore une fois, si vous avez Internet Download Manager ou tout autre gestionnaire de téléchargement qui attire pdf automatiquement essayer de l'empêcher de auto attraper lien pdf.

    Aussi checkout PDFObject JS, il devrait être intéressant

    <script src="https://github.com/pipwerks/PDFObject/blob/master/pdfobject.min.js"></script>

    MODIFIER

    S'il vous plaît essayer de l'iframe à la place de l'objet de type pdf

    <iframe src="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500"></iframe>

    http://jsfiddle.net/mV6jJ/9/

    D'après ce que j'ai lu à propos de "pdfobject" de la bibliothèque, il ne m'aidera pas. Mon problème n'est pas d'afficher le fichier pdf (vous pouvez voir une mise à jour exemple : jsfiddle.net/mV6jJ/5 ) qui fonctionne très bien si c'est inclus dans le corps. Le problème est que lorsque j'essaie d'ouvrir un fichier d'amorce modal, il n'a pas d'afficher le fichier pdf à l'intérieur d'elle.
    le navigateur que vous essayez? Par exemple, je ne pouvais pas voir votre dernier exemple dans windows 8 IE mode App.
    Je vais essayer sur FF 25.0, PDF affiche bien. Je sais que sur certains navigateurs, il ne montre pas bien (je dois ajouter quelques conditions pour IE mais j'ai été un peu mise vraiment un test de base pour trouvé une solution 🙂 ). Affichage du fichier PDF n'est pas le vrai problème. Le vrai problème, c'est qu'il ressemble de bootstrap mettre le pdf en objet derrière le modal ou quelque chose comme ça (je ne comprends pas vraiment pourquoi il n'est pas afficher)
    vérifier la modification en cours, voir si ça aide
    Solution avec l'Iframe n'est pas de travail et je suis en train d'utiliser la balise object spécifiquement (je ne peux pas utiliser d'Iframe pour le projet). J'ai réussi à le faire fonctionner avec jqueryUI dialogue ( jsfiddle.net/mV6jJ/8 ), mais ne fonctionne pas de la même façon avec bootstrap modal.

    OriginalL'auteur sir4ju1

  3. 0

    Enfin trouvé la solution 🙂 C'était mon navigateur lecteur pdf qui n'était pas configurée. Firefox a l'aide d'Adobe Reader pour afficher les pdf. J'ai remplacé que par pdf.js (le lecteur pdf de Firefox), et maintenant tout semble bien fonctionner 🙂 Merci beaucoup pour votre temps et de votre aide 🙂

    OriginalL'auteur Tidus