Discussion :

[nicolas2603]

Bonjour, je souhaite utiliser les possibilités de jquery pour ouvrir des fichiers pdf dans des "fausses" popup plutôt que des popup windows qui ouvrent une nouvelle fenêtre.

Je pensais passer par une fenêtre "dialog", mais je ne trouve pas d'exemples qui pourraient m'aider.

Y a-t-il une meilleure possibilité ? Merci d'avance.

[Gruik]

Hello,

Une proposition

Code html :

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

<div id="dialogContainer"><iframe src="url_du_pdf"></iframe></div>

Code :

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

$('#dialogContainer').dialog();

[nicolas2603]

Salut ! Ce code ouvre bien une popup dans laquelle se charge le pdf, mais cette popup s'ouvre dès l'arrivée sur la page, alors qu'il faudrait qu'elle ne s'ouvre qu'en cliquant sur le lien

Code :

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

<a href="bulletin/bul_<?php echo $varNtotal['numero']; ?>.pdf">Ouvrir</a>

[Gruik]

Bein ça c'est un probleme de js quelconque, tu dois positionner sur le lien un gestionnaire d'evenement pour l'évenement click

Ya plusieurs methodes pour ça
En jQuery ce serait

Code :

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

1
2
3
4
5
6
$('selecteur pour le lien').click(
  function () {
     $('#dialogContainer').dialog();
     return false;
  }
);

[nicolas2603]

Alors voici mon avancement (je sais, ça n'avance pas vite me direz-vous ...).
J'arrive à ouvrir mes popups dont le contenu est un fichier, comme ceci :

Code :

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

<a href="exemple_popup.php" class="popup">

et le script qui m'ouvre ma fenêtre

Code :

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

1
2
3
4
$('.popup').click(function() {
   	$('<div/>').load(this.href).dialog({ position: ['center',200], width: 500 });
   	return false;
});

Sauf que lorsqu'il s'agit d'un PDF, ça ne fonctionne pas (il l'ouvre mais ne l'interprète pas), j'ai essayé avec '<div/><iframe/>' mais sans succès !

[Bovino]

load est une fonction Ajax, tu ne peux pas récupérer un PDF avec Ajax

Code :

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

$('<iframe/>').attr('src', 'url_du_pdf')

Devrait être une meilleure piste.