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

Version imprimable

18/10/2010, 22h43
laurentSc

faire apparaître un doc (style un pdf) dans une popup
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:

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 ?
19/10/2010, 08h34
SpaceFrog

iframe != popup

tu devrais plutot jouer sur le style display de ton iframe
19/10/2010, 16h15
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...)

Citation:

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:

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)

Citation:

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.

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

Code:

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>