Bonjour,

Actuellement, je programme un site dans lequel je voudrais afficher des PDF assez volumineux. Pour cela, j'utilise des iframes dans lesquelles j'inclue les PDF concernés cependant, j'aimerais que, pendant le chargement du contenu de ces frames, elles ne s'affichent pas et qu'un gif de chargement s'affiche à la place.

J'ai testé de faire des fonctions JS sur le clicl du lien correspondant à l'appel du PDF et sur la frame elle meme mais rien ne fonctionne :les événement ne sont jamais appelés.

Voici le code correspondant :

JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
<!--
	function trigger() {
		document.getElementById("myFrame").style.display=block;
		document.getElementById("message").style.display=none;
	}
 
	function click(){
		document.getElementById("myFrame").style.display=none;
		document.write'<div style="display:block;" id=”message”><img src="../Images/ajax-loader.gif" alt="Chargement..." width="40px"></div>';
	}
 
//-->
</script>
Liens :
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
<div class="conteneur">
	<span>
	<h5>DVD Tech (fiche 15)</h5>
	<hr class="hr">
	<a href="cr.php?c=1" onClick="click();">Compte rendu n°1</a><br>
	</span>
	<span>
	<h5>Vente par correspondance (fiche 17)</h5>
	<hr class="hr">
	<a href="cr.php?c=2" >Compte rendu n°2</a><br></span>
</div>
<div class="conteneur">
	<span>
	<h5>Bataille Navale (fiche 18)</h5>
	<hr class="hr">
	<a href="cr.php?c=3">Compte rendu n°3</a><br>	
	</span> 
	<span>
	<h5>Camping des flots bleus (fiche 19)</h5>
	<hr class="hr">
	<a href="cr.php?c=4">Compte rendu n°4</a><br></span>
</div>
<br><br><br><br>
<?php
$affPDF=$_GET["c"];
if($affPDF>0){
        echo "<div style=\"display:none;\" id=\”message\”><img src=\"../Images/ajax-loader.gif\" alt=\"Chargement...\" width=\"40px\"></div> ";
}
if($affPDF==1){
        ?><center><div><iframe name="myFrame" id="myFrame" style="display:block;" src="../Comptes Rendus/dvd-tech_final.pdf" width="580px" height="800px" align="middle" onload="trigger();"></iframe></div></center>
	<?php
}
J'espere que vous pourrez m'aider !

Merci d'avance