Bonjour,
J'ai depuis quelques temps placé des pdf dans la lightbox de mediabox sous
spip (ici, http://imagesetpeche.free.fr/?Mediabox le doc (PDF) HIDDEN WOOD
en bas de page).
Tout fonctionne normalement sur pc.
J'ai voulu vérifier sur ipad, sous safari, il manque le scroll, ce qui fait
que le pdf ne présente que sa première page, prise comme image.
Une page test en html avec le même pdf provoque le même comportement:
http://imagesetpeche.free.fr/essai_pdf/
Les mêmes pages ouvertes dans Puffin présentent un pdf avec son scroll.
Safari étant surement le navigateur le plus fréquent pour ce genre de
terminal, existe t il des pistes à votre connaissance pour contourner ce
problème?
On rencontre le même soucis avec les mp3.... ce qui m'a fait découvrir
Puffin.
Bonne journée
Un petit up...
Je pense finalement utiliser le comportement de doc joints de la dist
lorsque le site passe en mode écran portable.
Je l'utilise déjà sur l'agenda fullcalendar.
Merci pour l'aide...
===================================================
"Patrick" <dupouypa@club-internet.fr> a écrit dans le message de news:
m6oknr$j2l$1@ger.gmane.org...
Bonjour,
J'ai depuis quelques temps placé des pdf dans la lightbox de mediabox sous
spip (ici, http://imagesetpeche.free.fr/?Mediabox le doc (PDF) HIDDEN
WOOD en bas de page).
Tout fonctionne normalement sur pc.
J'ai voulu vérifier sur ipad, sous safari, il manque le scroll, ce qui
fait que le pdf ne présente que sa première page, prise comme image.
Une page test en html avec le même pdf provoque le même comportement:
Les mêmes pages ouvertes dans Puffin présentent un pdf avec son scroll.
Safari étant surement le navigateur le plus fréquent pour ce genre de
terminal, existe t il des pistes à votre connaissance pour contourner ce
problème?
On rencontre le même soucis avec les mp3.... ce qui m'a fait découvrir
Puffin.
Bonne journée
--------------------------------------------------------------------------------
Patrick a écrit le 18/12/2014 09:40 :
Un petit up...
Je pense finalement utiliser le comportement de doc joints de la dist
lorsque le site passe en mode écran portable.
Je l'utilise déjà sur l'agenda fullcalendar.
Ah ?
Et ça se fait comment ?
Merci pour l'aide...
Merci à toi d'avoir cherché et trouvé ![]()
--
RealET
Ma page agenda.html contient:
<INCLURE{fond=events}{lang}>
la page events.html contient:
<div id="nav-container" class="small">
<div class='container'>
<center><div id='fullcalendar'>
<p></p>
<p></p><h1>Évènements du site</h1><p></p>
<div id="agenda"></div>
</div></center>
</div></div>
<!-- #menu -->
<div class='container'><div id="evenements">
<h2>Liste des Évènements</h2>
<BOUCLE_agenda (EVENEMENTS) {tout} {par date_debut} {age <= 120} {age
>= -1200}>
[(#DATE_DEBUT|affdate) :] <a
href="#URL_ARTICLE"[title="(#DESCRIPTIF|textebrut|entites_html|image_reduire{200,0})"]>#TITRE</a><br/>
</BOUCLE_agenda>
<!-- Si aucun programme n'est annoncé, alors on affiche un message
d'information -->
<div class="bloc">
<ul class="general">
<li class="menu_titre"><b>
<:actuellement_pas_de_programme:></b></li>
</ul>
</div>
<//B_agenda>
</div></div>
La première partie (jusqu'à menu) n'est visible que sur grands écrans, le
reste est visible quelque soit l'écran.
Le css pour "nav-container" est tiré du squelettes Japibas, css layout je
crois, intégré à ma feuille de style.
Bonne lecture.

visible ici, avec de la patience, le serveur est long et capricieux. Il n'y
a rien sur le site, à part quelques plugins, le squelettes et un pdf pour
sip.
http://dupouypa.perso.sfr.fr/spip.php?article1
Spip 3 dernière version chez sfr que j'ai eu beaucoup de mal à installer,
les infos sfr étant trés confuses...
Si ça peut servir, j'en serais heureux.
A+
En plus:
Il y a surement une astuce pour ne présenter que les docs clickables sur les
grands écrans (sans présenter alors les docs petits écrans), mais je n'ai
pas le temps pour le moment.
Hello, il y a les metas viewport avec par exemple user-scalable=no,initial-scale=1, c'est pour empêcher de zoomer et de toucher (écran tactile : tablette, smartphone).
http://www.quirksmode.org/mobile/metaviewport/
http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html
http://paulund.developpez.com/tutoriels/html/metatag-viewport/
http://media-queries.aliasdmc.fr/meta_viewport_et_viewport_css_mobile.php
et https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport
----- Mail original -----
De: "Patrick" <dupouypa@club-internet.fr>
À: spip@rezo.net
Envoyé: Jeudi 18 Décembre 2014 14:52:19
Objet: Re: [Spip] scroll sur pdf avecsafari sur ipad
En plus:
Il y a surement une astuce pour ne présenter que les docs clickables sur
les
grands écrans (sans présenter alors les docs petits écrans), mais je n'ai
pas le temps pour le moment.
Merci François pour ces liens.
Je fouillerai tout ça quand j'aurai le temps et surtout un site plus
réactif, mon article renvoie souvent une page Internal Server Error pour
1'article...
Pour le moment c'est le seul moyen que j'ai de voir le comportement surIPad.
Je n'avais pas vu qu'il n'y avait pas de scroll sur safari portable...
Je pense que ce type de navigateur ne supporte pas les scrolls dans les
iframes qui englobent mes pdf à plusieurs pages.
J'en ai même un qui est au format paysage, qui a un scroll horizontal, mais
pas vertical.
C'est pour ça que je cherche une autre solution, je pensais que l'affichage
des liens en deux façons résoudrait ce problème.
J'y suis en partie arrivé en utilisant les iframes pour les grands écrans,
et le comportement habituel des docs dans le portfolio pour les petits
écrans:
ma page affiche sur grand écran dans le portfolio:
A voir (version tout écran):
(Texte) Doc1
(PDF) Doc2
A voir (version petit écran):
(Texte) Doc1 (TXT)
(PDF) Doc2 (PDF)
et sur petit écran (ce qui me satisfait à peu près pour le moment) :
============
A voir (version petit écran):
(Texte) Doc1 (TXT)
(PDF) Doc2 (PDF)
Je cherche à n'afficher sur grand écran que:
A voir :
(Texte) Doc1
(PDF) Doc2
Je pense qu'il a une solution css à adapter.
En tout cas, encore merci pour les liens.
Bonne journée.
francois.delaveine47@free.fr a écrit le 18/12/2014 17:24 :
Hello, il y a les metas viewport avec par exemple user-scalable=no,initial-scale=1, c'est pour empêcher de zoomer et de toucher (écran tactile : tablette, smartphone).
Attention, pour des raisons d'accessibilité, il ne faut pas empêcher le zoom sur smartphone !
Donc, pas de user-scalable=no
--
RealET
Le 19/12/2014 10:00, RealET a écrit :
francois.delaveine47@free.fr a écrit le 18/12/2014 17:24 :
Hello, il y a les metas viewport avec par exemple
user-scalable=no,initial-scale=1, c'est pour empêcher de zoomer et de
toucher (écran tactile : tablette, smartphone).Attention, pour des raisons d'accessibilité, il ne faut pas empêcher le
zoom sur smartphone !
Donc, pas de user-scalable=no
Ni empêcher de zoomer sur tablette, ni nulle part d'ailleurs.
Et ça ne concerne pas que les gens qui ont de forts déficits visuels, mais à peu près tout le monde passé 45 ans !
--
Ysabeau
Alors à 67 et des lunettes, il ne faut pas que j'y touche 
Merci
Je crois que je vais laisser Spip faire ce qu'il veut avec le code normal
des docs pour tout le monde.
Bonne journée à tous
Et non. Vous pourrez toujours bien voir sans zoomer
On est vendredi alors un petit troll, le dernier avant noël.
Pour le moment, l'accessibilité sur mobiles est bien définie sur la page ci-dessous.
http://www.proximamobile.fr/article/evolution-des-mobiles-quelle-accessibilite-pour-les-malvoyants
Elle ne repose pas sur le zoom, mais sur la facticité d'utilisation des différentes
applications de lecteurs d'écrans développés par les différents opérateurs,
les grandes firmes et les géniaux fournisseurs de médias que sont les utilisateurs de SPIP.
(brosse à reluire).
SITES WEB ADAPTÉS AUX MOBILES
Premiers pas
----- Mail original -----
De: "Patrick" <dupouypa@club-internet.fr>
À: spip@rezo.net
Envoyé: Vendredi 19 Décembre 2014 10:18:10
Objet: Re: [Spip] scroll sur pdf avecsafari sur ipad
Alors à 67 et des lunettes, il ne faut pas que j'y touche 
Merci
Je crois que je vais laisser Spip faire ce qu'il veut avec le code normal
des docs pour tout le monde.
Bonne journée à tous