Discussion :

[Amnezia2]

Bonjour, j'e voudrais juste afficher un fichier pdf lorsque l'on clique sur un lien. J'ai donc essayé avec une iframe mais je n'ai pas réussi.

Voila ce que j'ai essayé :

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
<div class="datagrid" >
	 <iframe id = "proto" src="protocole.pdf" width="800" height="600" align="middle" ></iframe>
 
		<table border=1>
		<tbody>
		<tr>
			<td><a href="#proto">Questionnaire EPICES</a></td>
			<td>X</td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		</tbody>
		</table>
	</div>

avec

Code :

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

1
2
3
#proto{
	display:none;
}

mais rien ne s'affiche. Y a t-il un autre moyen que l'iframe pour faire ça? Vu que le lien est dans un tableau l'iframe souvrira forcément dans la case non? Je voudrais plus un genre de pop up qui se ferme automatiquement si on clique à côté de de celui ci.

Si vous pouvez m'éclairer merci !

[NoSmoking]

Bonjour,

mais rien ne s'affiche...

difficile d'afficher quelque chose qui a la propriété display:none;.

[Amnezia2]

Ouui bien sûr je voulais l'afficher au clic mais je n'ai pas réussi mais de toute façon si je l'affiche normalement, sans clic, le pdf s'affiche dans ma case et ce n'est pas ce que je veux. Je voudrais juste savoir s'il y a d'autres méthodes pour l'afficher en dehors de mon tableau, comme un pop up? J'ai essayé avec onclick=window.open mais ce n'est pas non plus ça ^^ je voudrais juste que le pdf s'ouvre sur ma page...

[NoSmoking]

J'ai du mal à comprendre mais il te faut avoir recours au javascript pour modifier l'attribut src de ton <iframe>.

[Invité]

BOnjour,

pour une ouverture en popin :

• Colorbox
  voir dans les exemples : Outside Webpage (Iframe)

En affichant la source ("Ctrl"+"U"), on trouve :

Code :

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

1
2
3
4
5
6
7
8
9
 
	<link rel="stylesheet" href="colorbox.css" /> <!-- à télécharger -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!-- initialisation de jQuery -->
	<script src="../jquery.colorbox.js"></script> <!-- à télécharger -->
<script>
        $(document).ready(function(){
                $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); // affichage dans une iframe
        });
</script>

Code :

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

<a class="iframe" href="http: //www.tonsite.com/le-fichier-a-afficher.pdf-ou-autre">Voir le fichier (Iframe)</a>

Attention : tous les navigateurs ne sont pas capables d'afficher des PDF.
Ils les proposent alors en téléchargement.

[Amnezia2]

Merci jreaux62 c'est exactement l'effet que je voulais j'vais regarder ça !