Navigation dans pdf via Javascript

18 sept. 2009, 10:00

Bonjour à tous,

Je cherche le moyen de naviguer dans un pdf embedded dans une iframe via Javascript, j'ai vu qu'il était possible de le faire.

Connaissez-vous une library qui le permet? des exemples?

En vous remerciant,

Cordialement

19 sept. 2009, 22:27

Bonjour,

Si c'est réellement possible à faire, c'est un comportement qui ne peut être que spécifique au lecteur de fichier PDF installé sur la machine cliente.
Orientes donc plutôt tes recherches sur la doc d'Adobe Reader...

naviguer dans un pdf embedded dans une iframe via Javascript, j'ai vu qu'il était possible de la faire.

Où as-tu vu cela?

Par ailleurs qu'entends-tu par "naviguer dans un PDF"?

20 sept. 2009, 18:43

Je boss pour un groupe comptable et j'ai des collaborateurs qui ont accès à leur comptabilité en ligne via un site web.

Un des modules de l'appli permet d'intégrer des PDF et de naviguer dans le PDF via des raccourcis clavier, du genre F9 en haut à gauche, F10 en haut à droite, F11 en bas à gauche et F12 en bas à droite.

L'affichage du PDF est plus simple que ce que j'ai en utilisant un iframe... pas de barre en haut, ce genre de chose et un zoom appliquer par défaut.

De plus l'appli utilise un OCR afin de récupérer les numéros, montants des factures, etc...

Et je n'ai encore rien trouver de concluant.

Voila pour les détails.

Je posterais mes résultats si j'en trouve.

20 sept. 2009, 23:29

Un des modules de l'appli permet d'intégrer des PDF et de naviguer dans le PDF via des raccourcis clavier, du genre F9 en haut à gauche, F10 en haut à droite, F11 en bas à gauche et F12 en bas à droite.

As-tu regardé la source de la page qui fait cela? Car si c'est fait en javascript, tu le verras dans la source de la page et tu pourras t'en inspirer.

De plus l'appli utilise un OCR afin de récupérer les numéros, montants des factures, etc...

Euh ça n'a rien à voir avec ta demande ça, si?
Parce que l'OCR c'est une appli dédiée qui te ferra ça, ce n'est pas en PHP pur (quoiqu'on pourrait s'y risquer mais je doute du résultat en terme de performances

)

21 sept. 2009, 09:03

De plus l'appli utilise un OCR afin de récupérer les numéros, montants des factures, etc...
Euh ça n'a rien à voir avec ta demande ça, si?

A l'origine, non ^^

Mais si tu a des pistes, je suis prenneur...

Quand à l'appli et le code JS, faut que j'analyse leur code en profondeur...

24 sept. 2009, 09:24

Trouvé une solution.

Via ce PDF http://partners.adobe.com/public/develo ... meters.pdf

Qui nous explique que l'on peut passer des arguments en ligne de commande mais que l'on peut aussi passer ces mêmes arguments dans l'URL lors de l'appel d'un document PDF.

Donc pour résumer, j'ai un iframe avec un src et lorsque l'utilisateur appuie sur la touche F9, F10, F11 ou F12, cela déclenche un bout de JS qui va modifier le src de l'iframe puis faire un reload.

13 oct. 2009, 14:55

Re bonjour à tous,

Suite à la mise en production de mon site, je rencontre un nouveau problème ^^

J'ai donc une page contenant une iframe dont la source est un chemin UNC pointant sur un fichier PDF, et dans ma page j'ai ajouter des évènements sur les touche F8, F9, F10, F11 et F12 afin de faire des zooms automatique dans le fichier PDF, jusque là tout va bien.

Le problème vient du fait que le chargement du PDF dans l'iframe me vole le focus de la page, ce qui fait que mes raccourcis ne sont utilisable que lorsque je redonne le focus à ma page (en cliquant dans un sur celle-ci).

Solution mise en place => j'ai ajouter un timer qui va ma mettre le focus dans une de mes zones de texte au bout de 1 seconde, mais le problème est que selon la taille du PDF (et vu que je charge une ressource réseau) le chargement peut prendre plus de 1 seconde et du coup je perd mon focus.

Savez-vous comment je peux faire pour attendre le chargement du PDF dans l'iframe afin de lancer ma fonction givFocusTo(input_id)?

En vous remerciant.

13 oct. 2009, 15:52

J'adore répondre à mes propres questions ^^

Fonctionne sur Firefox 3.5, IE7, Opéra 10 mais pas Chrome en version 3.0 :/

Code : Tout sélectionner

var test_document_all_loaded = function () {											
	if(document.all("PDF").ReadyState == 4) {												
		setTimeout("replaceFocus()", 500);
	} else {
		setTimeout("test_document_all_loaded()", 500);
	}											
}

//si navigateur = IE
if (Browser.Engine.trident) {
	//replace the focus after iframe load pdf
	test_document_all_loaded();											
} else {
	//replace the focus after iframe load pdf
	$('PDF').addEvent('load', function() {
		//alert("LOAD");
		setTimeout("replaceFocus()", 500);
	});
}

Explication, j'utilise mootools, d'ou la synthaxe du Browser.Engine.trident (qui identifie Internet Explorer).

En clair si le navigateur est IE on va utiliser la propriété ReadyState combiné à document.all (ne fonctionne que sous IE) et vérifier que cette valeur vaut 4 comme pour une requête AJAX, pour cela on utilise un timer qu'on lance temps que le résultat est différent de 4.

Pour Firefox rien de plus simple qu'un évènement sur le load de l'iframe.

En espérant que d'autre en auront besoin.

Navigation dans pdf via Javascript

Qui est en ligne