Intégrer un pdf lisible directement depuis le browser

**leboss38** · 13/09/2010, 15h27

Bonjour à tous,

Utilisant plusieurs plateformes (Mac & Windows) je suis amené à utiliser Safari, IE 8, FF. Je voudrais créer une simple page HTML avec une couleur en fond d'écran provenant d'un PNG et en intégrant un document pdf lisible directement depuis le browser. Je pense que ce n'est pas forcément compliqué mais en local je n'y arrive pas en utilisant ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>
 
<body>
<img src="Fond.png" width="1299" height="1357" alt="" />
<table>
<tr>
<td>Insertion d'un pdf</td>
</tr>
<tr>
<td> <iframe src="file:///Macintosh HD/Users/username/Desktop/carte.pdf" width="800" height="600" align="middle"></iframe></td>
</tr>
</table>
</body>
</html>

L'image s'affiche bien (je l'a mettrai plus tard en repeat) mais la zone PDF s'affiche en dessous de l'image mais l'encadré reste blanc!

Sous FF, l'ouverture du PDF se fait par acrobat directement, mais pas dans le browser.

En réalité j'aimerais arriver à ce résultat : http://plagedesbikinis.com/

A une petite différence, je souhaite que le doc s'ouvre directement. Sur l'exemple donné il faut cliquer sur "Télécharger la nouvelle brochure en cliquant ici." pour accéder au résultat final.

Qu'en pensez vous?

Merci pour votre aide.

**Vil'Coyote** · 13/09/2010, 17h23

l'image doit être en background la balise image est considérée comme une balise à part entière donc même caractéristique d'affichage qu'une conteneur classique div, span etc ....

sinon pour le reste il existe une fonction recherche.

http://www.developpez.net/forums/d29...-pdf-page-web/

**leboss38** · 15/09/2010, 12h54

Ok merci pour les conseils, je vais tester cela

**leboss38** · 15/09/2010, 13h18

J'ai alors testé sans succés, pour le background pas de problème mais en ce qui concerne l'intégration du pdf, ça bloque. Voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<object data="file:///Macintosh HD/Users/username/Desktop/carte.pdf" type="application/pdf" width="100%" height="100%">  <param name="carte" value="carte.pdf" />
  <embed src="file:///Macintosh HD/Users/username/Desktop/carte.pdf" width="350" height="200"></embed> 
  <a href="file:///Macintosh HD/Users/username/Desktop/carte.pdf" title="le fichier">Téléchargez le fichier...</a> </object>

Sous safari, il me met une erreur avec une page blanche (Adobe Reader n'a pas pu ouvrir index.html car le type de fichier n'est pas pris en charge ou le fichier est endommagé (il a été envoyé en tant que pièce jointe et n'a pas été décodé correctement, par exemple)).

Sous FF, le PDF ne s'affiche pas dans la page Web, mais j'ai bien le lien de téléchargement qui fonctionne bien. FF me demande de télécharger un plugin pour lire de pdf dans la page mais lorsque je clique sur rechercher maintenant il ne me trouve rien!

Qu'en pensez vous?

Merci d'avance

**polymorphisme** · 15/09/2010, 14h40

Bonjour,

le fait d'utiliser des URLs relatives à la place des URLs absolues résolve pas mal de soucis.

**leboss38** · 15/09/2010, 14h59

C'est vrai mais je souhaite tester cela en local.

Je vais quand même tester sur mon hebergement voir ce que ça donne.

Par contre, je ne sais pas si c'est plus simple mais j'utilise dreamweaver CS4, existe t'il une solution simple en utilisant ce logiciel?

Merci pour votre aide

PS: j'ai réussi avec une balise iframe mais je perds mon background sous Safari. De plus j'entends pas mal de mal cette balise, quel est le problème,

**polymorphisme** · 16/09/2010, 09h48

Bonjour,

existe t'il une solution simple en utilisant ce logiciel?

Concernant ce logiciel, il faut te retourner vers le forum
http://www.developpez.net/forums/f43...s/dreamweaver/

Intégrer un pdf lisible directement depuis le browser

HTML

Discussions similaires

Partager

Partager