Bonjour

Pour faire une visite sans guide du monument nous avons créé des qrcodes qui appellent des fichier 1.html .....22.html dans le dossier pages de notre site.

Des mises en page ont été crées sous indesign et exportées en pdf.

Ces fichiers html appellent dans des iframe responsive design des  pdf dans le dossier file (des pdf pour pouvoir insérer facilement des liens)

Sur un ordi ca va bien mais sur un smartphone (ce qu'utiliseront les visiteurs) ,l'affichage n'est pas bon: le pdf s'affiche en petit environ 30% de l'écran. On peut bien sur utiliser le zoom avec 2 doigts pour avoir la bonne taille, mais ca n'est pas propre. Est ce qu'il serait possible de me dire ce qui cloche dans le code ?

J'ai essayé de deux façons : l'une identique au code des articles de guppy (version1), une autre trouvée dans un tuto sur l'html  responsive design (version 2), ca ne marche pas.

Dans la version 1 j'ai été obligé de définir une hauteur en pixels, quand je mettais 100% ca n'affichait que le bandeau du haut avec un ascenseur.C'est pour ca que j'ai cherché des tutos d'où la version 2.

J'ai conscience de demander de l'aide sur un sujet pas spécifiquement 'guppy', dites moi si j'abuse.

Voici les liens vers les fichiers, à regarder avec un téléphone sinon vous aurez l'impression que tout va bien:

Version1

Version 2

Bon été à vous tous

GuppY 6.00.18 Système d'exploitation du serveur : Linux 4.18.0-425.13.1.lve.el8.x86_64 PHP : 8.0.30 / MET=90 - ML=512M - UMF=32M - PMS=32M - MFU=20 URL du site : https://casamaures.org/ Plugins : Sommaire[6.0.3], Horloge, eCartes[6.0.2], Vitesse de Connexion, TranslatorBox[1.6.1] UA: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:129.0) Gecko/20100101 Firefox/129.0    

Jef

Bonjour,

Essaies ce code, il n'y a pas à la fin de l'affichage une partie blanche à la suite du texte

<?php
header('Pragma: no-cache');
// pour une utilisation de ce script à la racine du site modifier
// la définition de CHEMIN ci-dessous comme ceci : define("CHEMIN", '');
define("CHEMIN", '../../'); // chemin relatif du dossier /pages

include CHEMIN.'inc/includes.inc';
include CHEMIN.'inc/hpage.inc';
htable('pdf', '100%');
echo '
<div class="embed-responsive embed-responsive-1by1">
<iframe frameborder="0" class="embed-responsive-item" src="../mascamad.pdf" width="100%">	
</div>';
btable();
include CHEMIN."inc/bpage.inc";
?>

A+

Linuxmr

Bonjour

Et merci infiniment Linux d'avoir pris le temps de répondre.

Après des heures de recherche sur le web j'ai trouvé ce matin la solution sur ce site :

https://www.w3schools.com/howto/howto_css_responsive_iframes.asp

Le code de la version 2 était presque bon, c'est bon en ajoutant dans head :

Voici la Version OK

Je suis comme Mr Jourdain je tatonne sans trop comprendre ce que je fais.

Encore merci à toi et à toute l'équipe pour le support qui s'ajoute à tout votre travail de développement. Bon été

Jef

Re,

tu as à la fin du texte, une partie blanche, regardes bien le code que je viens de rectifier

A+

Linuxmr

Re, excuse mon ignorance j'ai mis ton code entre les balises body à la place du code précédent, j'ai le message d'erreur suivant :

Context of the error Page requested : /pages/qrcodes/mascamad.pdf Page source : https://casamaures.org/pages/qrcodes/mad7.html Browser : Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:129.0) Gecko/20100101 Firefox/129.0 IP address : 91.167.159.152 Domaine : 91-167-159-152.subs.proxad.net

J'ai donc téléchargé mascamad.pdf dans le dossier qrcodes (il n'était pas là et j'ai ce résultat là (affichage d'une partie du bandeau et ascenseur :

Version4

Si tu rectifies le code je souhaite maintenant que les pdf soit dans un dossier /pages/qrcodes/pdf

Je l'ai créé et j'y ai mis le fichier mascamad.pdf

____________________________________

Mais comme je te le disais j'étais arrivé à une solution satisfaisante

Version OK

Sur un iphone SE 2016, je ne vois pas de bande blanche, c'est impeccable.

Mais j'ai encore un problème : je me suis rendu compte que lorsqu'on insère un lien dans le pdf, il ne fonctionne plus dans le fichier html. Et là dessus je sèche complet

Encore merci pour ta dispo.

Jef

Finalement

La 'Version ok' s'affiche bien pleine page sur différents téléphones.

Pour conserver les liens, il suffit de cocher les bons paramètres concernant les liens au moment de l'export en pdf du fichier de mise en forme que ce soit sous indesign ou libreoffice ou un autre logiciel.

Encore merci à Linux d'avoir répondu.

Pour moi, sujet clos

Jef

Document généré en 0.01 seconde