lien href et embed

**RICXLS** · 04/10/2012, 07h01

bonjour

ça peut être simple ou ultra simple pour certains mais là je ne trouve pas
ce que je veux c'est faire un lien qui insert un pdf dans une page web
insertion du pdf =ok
syntaxe:

Code :

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

1
2
 
<embed src="../DOC/SD USA/IMPORT.pdf" width=75% height=75%>

faire un lien vers un document
syntaxe:

Code :

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

<a  href="PROJET.pdf">rojet eclipse</a>

maintenant les 2 reunis

Code :

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

1
2
 
<a  href="<embed src="../DOC/SD USA/IMPORT.pdf" width=75% height=75%>projet eclipse</a>

je ne vois pas pourquoi le code ne fonctionne pas
si quelqu'un(e) peut m'aider je lui serai reconnaissant
merci d'avance

**Torgar** · 04/10/2012, 10h33

Salut,

Ce n'est pas possible avec cette façon de faire.

Tu as deux possibilités :
- insérer ton PDF dans une div cachée que tu afficheras sur le clic du lien ;
- faire l'insertion du code en JavaScript.

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
<head>
	<title>Ma page de test</title>
	<meta charset="UTF-8" />
	<script type="text/javascript" src="./main/js/jquery-ui/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="./main/js/jquery-ui/jquery-ui-1.8.16.custom.min.js"></script>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
 
        </style>
 
	<script type='text/javascript'>
                function show(id) {
                        document.getElementById(id).style.display = '';
                }
                
                function addPdf(id) {
                        document.getElementById(id).innerHTML = '<object data="mon_pdf.pdf" type="application/pdf" title="cv" width="800" height="885"></object>';
                }
        </script>
</head>
<body>
	<header>
	</header>
 
	<article>
		<a href="#" onclick="show('show');">Clique-moi ! clique-moi !</a>
		<br /><a href="#" onclick="addPdf('show2');">Clique-moi encore ! clique-moi encore !</a>
		<div id="show" style="display: none;"><object data="mon_pdf.pdf" type="application/pdf" title="cv" width="800" height="885"></object></div>
		<div id="show2"></div>
	</article>
 
	<footer>
	</footer>
</body>
</html>

Autre chose, préfère l'utilisation de la balise <object> à <embed>.
Egalement, l'emploi des attributs HTML width et height est déprécié. Passe par du CSS.

lien href et embed

HTML

Discussions similaires

Partager

Partager