Partage

Iframe mobile qui télécharge le document

Sujet résolu
5 décembre 2017 à 20:27:22

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 :)

6 décembre 2017 à 1:28:19

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.
Un homme azerty en vaut deux.
6 décembre 2017 à 8:34:22

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

Staff 6 décembre 2017 à 8:57:07

Bonjour,

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

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
6 décembre 2017 à 13:10:16

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 :)

6 décembre 2017 à 13:27:35

se doit etre &embedded=true
Un homme azerty en vaut deux.

Iframe mobile qui télécharge le document

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown