Bonjour j'ai un petit soucis que je n'arrive pas à régler. 

Je développe un site pour un client. J'ai besoin de lui afficher des plans de construction. J'ai donc décidé d'utiliser des iframes menant à la source PDF.

Sur ordinateur je n'ai aucune soucis, tout fonctionne. 

Le problème survient sur mobile. Lorsque la page est chargé, le document se télécharge directement... Le problème est que j'affiche 7 plans, donc 7 téléchargements d'un coup, donc c'est plutôt gênant. J'aurai aimé bloqué ce téléchargement automatique. Avez vous une idée ? 

Voici ce que j'ai essayé : 

1) Faire un display:none dès que l'écran est < 750px sur le block où sont contenu les iframes, et ajouter un block mettant des liens <a src="monfichier.pdf"/>Plan 1 </a>
Mais ça ne marche pas, ça me télécharge toujours tous les pdf d'un coup

2) Méthode du google doc viewer. J'ai tenté en faisant mon iframe avec comme source : https://docs.google.com/viewerng/viewer?url=https://monsite.fr/monfichier.pdf
La aussi ça ne marche pas, je n'ai tout simplement rien qui s'affiche dans le iframe

Voilà j'espère avoir pu être assez clair.

Merci d'avance à ceux qui tenterons de m'aider

as tu un lien vers ton site ? parce que comme ça on ne peut pas grand chose pour toi à part te dire que oui maitre display:none ou hidden ne sert à rien car il est toujours la il n'a juste pas d'affichage mais il est présent dans le HTML. Je peux te conseiller de le bloquer quand un smartphone est détecté ou de remplacer par autre chose mais comme tu vois que des choses vagues.

Beh par exemple sur mon portfolio : portfolio.projetjojo.fr/cv.php

Sur pc ça marchera bien mais si tu y vas avec un mobile, il va les télécharger directement. Chose assez dérangeante

Merci de m'avoir répondu

EDIT: je viens de réussir avec google docs j'ai du rajouter un truc, donc c'est résolu, je te remercie

-
Edité par JordanP 6 décembre 2017 à 8:53:56

Bonjour,

pour les futurs visiteurs, pourrais-tu indiquer ce que tu as dû rajouter dans ta config de Google Docs ? Merci

Oui biensur, j'ai fais un document de la sorte : 

<iframe src="https://docs.google.com/viewer?url=/*URLVERSLEFICHIERPDF*/&embedded=true">

</iframe>

Bonne journée

se doit etre &embedded=true