faire apparaître un doc (style un pdf) dans une popup

**laurentSc** · 18/10/2010, 22h43

Bonsoir,

je voudrais faire apparaître un doc (pdf ou autre) dans une pop up quand on survole son nom. J'a un code html qui fait apparaître un tel document :

Code :

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

1
2
3
4
<iframe
src="---.pdf#toolbar=0"
frameborder="0" height="1000" scrolling="auto"
width="100%"></iframe>

, mais je n'arrive pas à l'insérer dans une pop up ; il apparaît tout le temps. Sauriez-vous faire ?

**SpaceFrog** · 19/10/2010, 08h34

iframe != popup

tu devrais plutot jouer sur le style display de ton iframe

**dessa** · 19/10/2010, 16h15

Sinon et si tu as le courage, jette un coup-d'oeil ici :
http://www.shadowbox-js.com

C'est un 'lightbox like' assez puissant capable de charger plusieurs types de format (html, swf, pdf...)

**laurentSc** · 20/10/2010, 12h24

tu devrais plutot jouer sur le style display de ton iframe

J'ai essayé, mais comme je n'y connais rien, j'ai récupéré un code via le net, mais celui-ci ne veut pas marcher

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
 
<head>
  <script type="text/javascript"> var stat; var delay=2000; //delay in milliseconds 
function show(id){ 
   var oIfr = document.getElementById(id); 
   oIfr.style.display=(oIfr.style.display=='block')?'none':'block'; } 
function hide(id){ 
   stat = setTimeout('show("'+id+'")',delay) } 
function getId(obj){ 
   var allIfr = document.getElementsByTagName('iframe'); 
   for(var i=0;i<allIfr.length;i++){ 
      var dIfr = allIfr[i].contentWindow.document.documentElement; 
if(obj==dIfr){hide(allIfr[i].id);break} } } 
onload=function(){ 
   var allIfr = document.getElementsByTagName('iframe'); 
   for(var i=0;i<allIfr.length;i++){ 
      var dIfr = allIfr[i].contentWindow.document.documentElement; 
      dIfr.onmouseover = function(){parent.clearTimeout(parent.stat)} 
   dIfr.onmouseout = function(){parent.getId(this)} } } </script>
</head>
<body>
<span onmouseover="show('ifr0')" onmouseout="hide('ifr0')">showhide
iframe0</span> <br>
<br>
<iframe src="la-maitrise-de-soi.pdf" id="ifr0"
 style="display: none;"></iframe> <span
 onmouseover="show('ifr1')" onmouseout="hide('ifr1')">showhide
iframe1</span> <br>
<br>
<iframe src="lafitole_a_remplir.pdf" id="ifr1"
 style="display: none;"></iframe>
</body>

Peux-tu me dire pourquoi ? (les pdf, ce sont des fichiers qui traînaient sur mon disque)

Envoyé par dessa

Sinon et si tu as le courage, jette un coup-d'oeil ici :
http://www.shadowbox-js.com

C'est un 'lightbox like' assez puissant capable de charger plusieurs types de format (html, swf, pdf...)

Ca dépasse mes compétences.

**laurentSc** · 21/10/2010, 09h56

J'ai le plaisir d'annoncer que en reprenant un code que j'ai déjà utilisé, j'ai trouvé une solution :

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
  <style>.popup_anchor div.popup{visibility: hidden;
z-index: 10;
top: 120px;
left: 100px;
position: absolute;
background-color:white;
border-color:black;
}
span:hover.popup_anchor div.popup{
visibility: visible;
}
span .popup_anchor div:hover.popup{
visibility: visible;
}
  </style>
<span
 onmouseover="document.getElementById('popupid').style.visibility = 'visible';"><span
 class="popup_anchor"><b>un texte</b><span
 onmouseout="document.getElementById('popupid').style.visibility = 'hidden';">
<div class="popup" id="popupid"><span><iframe
 src="http://---.pdf#toolbar=0"
 frameborder="0" height="1000" width="1000"></iframe></span><br>
</div>
</span></span></span><br>

faire apparaître un doc (style un pdf) dans une popup

JavaScript

Discussions similaires

Partager

Partager