Se connecter / S'enregistrer

Résolu Quel code permet d'ouvrir un fichier PDF dans une nouvelle fenêtre ?

Solutions (20)
Tags :
  • Pdf
  • Popup
  • Target
  • Programmation
, Jedi |
Bonjour,

J'aimerai publier sur mon site des fichiers pdf et qu'en cliquant sur un lien, le pdf s'ouvre dans une nouvelle fenêtre (genre pop up). Cela évitera ainsi l'internaute de cliquer sur la page précédente pour revenir sur le site. Il n'y aura plus qu'à fermer la fenêtre.

Avec quel code peut-on y arriver ?

je vous remercie d'avance de m'aider :) 
  • Meuniers a édité ce message
  • Meuniers a édité ce message
  • Meuniers a édité ce message
Contenus similaires
Meilleure solution
partage
|
OmaR a dit :
Salut,

Ajoute target="_blank" pour faire un lien qui s'ouvre dans une nouvelle page
Et si tu veux faire un popup, regarde du côté de window.open() en javascript

+100
mais à savoir que les 'popup' sont très souvent bien mal vus ... et par google et par certains navigateurs qui les bloquent :) 
mieux vaut choisir l'option
Citation :
target="_blank"

:hello: 
  • Commenter cette solution |
Score
1
òh
òi
, Jedi |
Bon, je me lance, lol
Après réflexion, j'ai décidé de créer des liens à partir des imagettes qui ouvriront dans une nouvelle fenêtre le document pdf.
J'espère que ça fonctionnera correctement.
Je vous remercie vivement de m'avoir conseillé.
Je reviendrais sur le forum certainement dans d'autres rubriques pour aider à mon tour les membres qui rencontrent des difficultés. En tous cas, j'essayerai :p 
@ + sur le forum :) 
Encore merci pour ces conseils judicieux.
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
Meilleure réponse sélectionnée par ohbijou.
  • Commenter cette réponse |
Score
0
òh
òi
|
mieux vaut laisser "target="_blank"" :) 
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
oui, je préfère également l'onglet ;) 
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Vu que les fenêtre commencent à disparaitre et à laisser place à des onglets plutôt, les navigateurs actuels ont plutôt tendance à ouvrir un nouvel onglet dans ce cas en effet.
Pour ouvrir une nouvelle fenêtre, reste toujours le popup, mais bon...
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
Merci bg62. :) 
Par contre, j'ai essayé le code target="_blank" et il se trouve qu'il ouvre un nouvel onglet, mais pas une nouvelle fenêtre. Cela dépend peut être des navigateurs ?
  • Commenter cette réponse |
Score
0
òh
òi
|
et en-dessous tu mets le lien vers le pdf .... :) 
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
merci Omar [:_tom_:7]
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
En effet, tu peux choisir la solution lightbox aussi. Ca ne téléchargera l'image que lorsque l'utilisateur cliquera pour l'afficher.
Et c'est sympa comme effet :) 
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
Ok, je vais faire ça alors. C'est vrai que je trouvais que le système des imagettes était plus sympa, lol :) 

J'ai vu dans ce kit, un autre moyen d'agrandir des images: http://www.kitsgratuits.com/kit-gratuit/kit-graphique/9...

Dans la page html @aide, il est indiqué que pour mettre en place l'effet d'agrandissement des images (lightbox), il fallait ajouter l'attribut rel="lightbox".

Par exemple:
<a href="images/image-big-1.jpg" rel="lightbox"><img src="images/image-small-1.jpg" alt="my photo" /></a>

Dans ce cas, la page supporte seulement le poids de la petite image, étant donné qu'il s'agit également d'un lien.
La grande image ne se télécharge donc pas à la visite de la page. ça peut aussi être pas mal.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Enfin, il y a une certaine limite. 30 petites images ne sont pas très longues à charger.
Et de toute manière, tu les vois au fur et à mesure du téléchargement, alors c'est pas grave si toutes ne se chargent pas en 1s, le temps que la personne regarde les 30 images, elles auront le temps de se charger ;) 


Ce que je disais, c'était principalement pour toutes les petites images que l'on peut utiliser dans un site (par exemple pour ce site, la petite image pour éditer le message, pour répondre, pour envoyer un mail, etc...).
Il vaut mieux faire un sprit, mais c'est pas le cas pour toi, alors vas y avec tes 30 images, ça ne devrait rien faire ;) 
  • Commenter cette réponse |
Score
0
òh
òi
|
quand je parle 'imagette' c'est une"petite" image que tu crées pour y lier ton lien, comme sur un lien texte, sauf que ça fait un peu plus sympa ;) 
pas question d'alourdir pour rien ...
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
OmaR a dit :
Ah pardon j'avais pas compris ça comme ça.
Si tu affiches les images, ça doit les télécharger.
Si tu ne fais que des liens (<a href="monimage.jpg">) alors là, ça ne les télécharge pas lors de la visite de la page.


Oui, je suis désolée, je me suis mal expliquée :ange: 
Maintenant, c'est plus clair pour moi. Un grand merci Omar ;) 


Citation :
si tu penses en 'référencement' il vaudrait mieux faire ceci :
- une imagette (avec balise "alt" ) su laquelle tu mets un lien vers le pdf
- un pdf qui s'ouvrira avec 'blank' mais que tu peux optimiser au niveau du référencement, titre, sujet, auteur, etc et donc sera pris en compte par les moteurs de recherche comme une page web 'normale'


Oui, par rapport au référencement, l'utilisation du pdf ne doit pas être écartée. Cela peut effectivement être interressant ! :)  Je te remercie du conseil bg62 [:-quisuisje-:1]

Le problème, c'est que j'ai une trentaine de documents à convertir en pdf et je crains que les 30 imagettes qui serviront de liens ne soient trop longues à charger, car comme le dit Omar, "une grosse image est généralement plus rapide à télécharger que plein de petites". A moins qu'au lieu de toutes les publier sur une seule page, je les fractionne sur 4 ou 5 pages, surtout qu'il y a aura des commentaires, des paragraphes d'explications qui se rapporteront à chaque document. Une autre solution serait de mettre des liens sans imagette.

  • Commenter cette réponse |
Score
0
òh
òi
|
si tu penses en 'référencement' il vaudrait mieux faire ceci :
- une imagette (avec balise "alt") su laquelle tu mets un lien vers le pdf
- un pdf qui s'ouvrira avec 'blank' mais que tu peux optimiser au niveau du référencement, titre, sujet, auteur, etc et donc sera pris en compte par les moteurs de recherche comme une page web 'normale' :hello: 
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Ah pardon j'avais pas compris ça comme ça.
Si tu affiches les images, ça doit les télécharger.
Si tu ne fais que des liens (<a href="monimage.jpg">) alors là, ça ne les télécharge pas lors de la visite de la page.
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
Le fait que les images soient toutes accessibles par des liens (et donc non visibles sur la page) ne change-t-il pas la donne? Des liens plutôt que les images elles-mêmes ne sont-ils pas moins lourds à charger? Ou est-ce que le lien profite du poids de l'image ?
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Si, la taille de l'image affecte le chargement. Une grosse image est plus longue à charger qu'une petite.
Il faut aussi savoir qu'une grosse image est généralement plus rapide à télécharger que plein de petites aussi.

Mais s'il n'y a qu'une seule grosse image, ça ne se voit généralement pas trop dans le chargement, avec les connexions actuelles.
  • Commenter cette réponse |
Score
0
òh
òi
, Jedi |
Pas faux, c'est vrai que la pop up peut être bloquée et ça ne m'arrangerai pas.
Je vais donc utiliser le code target="_blank"
Merci à tous les deux Omar et bg62 :) 

En même temps, je me demande si ça vaut la peine de convertir mes fichiers jpg en pdf puisque j'utilise un lien:
peu importe la taille des images, elles n'affecteront pas le chargement de la page, non ?
N'est-ce pas le fait de publier toutes les images à leur taille d'origine sur une même et seule page qui ralentie le chargement de ladite page ?

  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Salut,

Ajoute target="_blank" pour faire un lien qui s'ouvre dans une nouvelle page
Et si tu veux faire un popup, regarde du côté de window.open() en javascript
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS