Ajouter du Javascript sur un iframe PDFJS
Bonjours,
J'utilise PDFJS dans mon appli web pour afficher des pdf.
Je cherche le moyen de faire référence aux éléments qui sont dans l'iframe de PDFJS.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| $viewerJsPath = 'path/pdfjs/web/viewer.html';
$urlDocPDF = 'path/vers/monpdf.pdf';
<iframe id="iframePDFJS" src="'.$viewerJsPath.'?file='.$urlDocPDF.'">
<!DOCTYPE html>
<html moznomarginboxes="" mozdisallowselectionprint="" dir="ltr">
<body tabindex="1">
<div id="outerContainer" class="">
<div id="sidebarContainer">
<div id="mainContainer">
<!-- C'est cette div qui m’intéresse -->
<div class="toolbar"></div>
</div>
</div>
</div>
</body>
</html>
</iframe> |
J'ai tenté ceci
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| var maPage = $(this) ;
var iframePDFJS = maPage.find("#iframePDFJS");
var iframePDFJScontents = iframePDFJS.contents();
//Essai 1
pdfViewerToolBar = iframePDFJScontents.find('.toolbar');
//Essai 2
$(iframePDFJScontents).ready(function(){
var pdfViewerToolBar = iframePDFJScontents.find('.toolbar');
}
//Essai 3
pdfViewerToolBar = iframePDFJScontents.get(0).find('.toolbar'); |
Je ne parviens pas à accéder aux div dans l'iframe car apparentement elles n'existent pas.
J'imagine que c'est dû au fait que lorsque mon js est chargé l'iframe lui, n'a pas encore chargé les données du pdf .
Donc mon js ne peu pas trouver de contenu dans l'iframe.
Est ce que quelqu'un saurait comment gérer cette situation.
Je ne suis pas certain que mon explication soit compréhensible, n'hésiter à me poser des questions.
Bonne journée et merci d'avance pour votre attention.
