J'ai une page qui se présente comme ça :
<html>
<head>...</head>
<body>
<header>...</header>
<div id="page_statistiques" class="page" style="display:
none;">...</div>
<div id="page_recherche" class="page" style="display:
none;">...</div>
<div id="page_pages" class="page" style="display: none;">...</div>
<div id="page_page" class="page">
<h3 class="page_title">...</h3>
<div id="div_page_notes" style="display: none;">...</div>
<div class="iframe">
<iframe src="..." name="..."></iframe>
</div>
</div>
<div id="notification_outer" class="notification_outer">...</div>
</div>
</body>
</html>
où je ne souhaite imprimer que le contenu de l'iframe.
J'ai fait un premier essai css (qui aurait du n'imprimer que le contenu
de l'iframe) :
@media print {
* { display: none; }
iframe { display: inline; }
}
et un second (qui aurait du n'imprimer que le contenu de la div de class
'iframe') :
@media print {
* { display: none; }
.iframe, iframe { display: inline; }
}
pour ces deux versions quand je fais un pom+P j'obtiens le message suivant :
"La prévisulisation de l'impression a échoué"
dans la fenêtre de dialogue qui s'ouvre et je ne peux pas enregistrer le
document pdf.
J'ai une page qui se présente comme ça : <html> <head>...</head> <body> <header>...</header> <div id="page_statistiques" class="page" style="display: none;">...</div> <div id="page_recherche" class="page" style="display: none;">...</div> <div id="page_pages" class="page" style="display: none;">...</div> <div id="page_page" class="page"> <h3 class="page_title">...</h3> <div id="div_page_notes" style="display: none;">...</div> <div class="iframe"> <iframe src="..." name="..."></iframe> </div> </div> <div id="notification_outer" class="notification_outer">...</div> </div> </body> </html>
où je ne souhaite imprimer que le contenu de l'iframe.
J'ai fait un premier essai css (qui aurait du n'imprimer que le contenu de l'iframe) : @media print { * { display: none; } iframe { display: inline; }
iframe { display: block; } /* ou : iframe { display: inline-block } non ? */
} et un second (qui aurait du n'imprimer que le contenu de la div de class 'iframe') : @media print { * { display: none; } .iframe, iframe { display: inline; }
heu ... block ?
il faudrait sans-doute pouvoir adresser une FdS directement au fichier contenu dans l'iframe Je doute que les CSS du document contenant l'iframe puisse en gérer celles du document y ouvert.
}
pour ces deux versions quand je fais un pom+P j'obtiens le message suivant : "La prévisulisation de l'impression a échoué" dans la fenêtre de dialogue qui s'ouvre et je ne peux pas enregistrer le document pdf.
Une idée d'où vient ce pb ?
ne viendrait-ce pas des restrictions JavaScript (et probablement des Navigateurs) quant aux iframes ?
As-tu essayé la même css pour media screen ? voir à voir ...
Cordialement, -- Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Le 17/09/15 11:32, Une Bévue a écrit :
J'ai une page qui se présente comme ça :
<html>
<head>...</head>
<body>
<header>...</header>
<div id="page_statistiques" class="page" style="display:
none;">...</div>
<div id="page_recherche" class="page" style="display:
none;">...</div>
<div id="page_pages" class="page" style="display: none;">...</div>
<div id="page_page" class="page">
<h3 class="page_title">...</h3>
<div id="div_page_notes" style="display: none;">...</div>
<div class="iframe">
<iframe src="..." name="..."></iframe>
</div>
</div>
<div id="notification_outer" class="notification_outer">...</div>
</div>
</body>
</html>
où je ne souhaite imprimer que le contenu de l'iframe.
J'ai fait un premier essai css (qui aurait du n'imprimer que le contenu
de l'iframe) :
@media print {
* { display: none; }
iframe { display: inline; }
iframe { display: block; }
/* ou :
iframe { display: inline-block }
non ?
*/
}
et un second (qui aurait du n'imprimer que le contenu de la div de class
'iframe') :
@media print {
* { display: none; }
.iframe, iframe { display: inline; }
heu ... block ?
il faudrait sans-doute pouvoir adresser une FdS directement au fichier
contenu dans l'iframe
Je doute que les CSS du document contenant l'iframe puisse en gérer
celles du document y ouvert.
}
pour ces deux versions quand je fais un pom+P j'obtiens le message
suivant :
"La prévisulisation de l'impression a échoué"
dans la fenêtre de dialogue qui s'ouvre et je ne peux pas enregistrer le
document pdf.
Une idée d'où vient ce pb ?
ne viendrait-ce pas des restrictions JavaScript (et probablement des
Navigateurs) quant aux iframes ?
As-tu essayé la même css pour media screen ?
voir à voir ...
Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
J'ai une page qui se présente comme ça : <html> <head>...</head> <body> <header>...</header> <div id="page_statistiques" class="page" style="display: none;">...</div> <div id="page_recherche" class="page" style="display: none;">...</div> <div id="page_pages" class="page" style="display: none;">...</div> <div id="page_page" class="page"> <h3 class="page_title">...</h3> <div id="div_page_notes" style="display: none;">...</div> <div class="iframe"> <iframe src="..." name="..."></iframe> </div> </div> <div id="notification_outer" class="notification_outer">...</div> </div> </body> </html>
où je ne souhaite imprimer que le contenu de l'iframe.
J'ai fait un premier essai css (qui aurait du n'imprimer que le contenu de l'iframe) : @media print { * { display: none; } iframe { display: inline; }
iframe { display: block; } /* ou : iframe { display: inline-block } non ? */
} et un second (qui aurait du n'imprimer que le contenu de la div de class 'iframe') : @media print { * { display: none; } .iframe, iframe { display: inline; }
heu ... block ?
il faudrait sans-doute pouvoir adresser une FdS directement au fichier contenu dans l'iframe Je doute que les CSS du document contenant l'iframe puisse en gérer celles du document y ouvert.
}
pour ces deux versions quand je fais un pom+P j'obtiens le message suivant : "La prévisulisation de l'impression a échoué" dans la fenêtre de dialogue qui s'ouvre et je ne peux pas enregistrer le document pdf.
Une idée d'où vient ce pb ?
ne viendrait-ce pas des restrictions JavaScript (et probablement des Navigateurs) quant aux iframes ?
As-tu essayé la même css pour media screen ? voir à voir ...
Cordialement, -- Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
SAM
Le 20/09/15 11:13, SAM a écrit :
Le 17/09/15 11:32, Une Bévue a écrit :
Une idée d'où vient ce pb ?
Sans attribut de style dans les balises, le corrigé :
j'ai essayé de changé le height en 100% pour @media screen comme pour @media print, ça ne change rien.
Le 21/09/2015 16:44, SAM a écrit :
Sans attribut de style dans les balises, le corrigé :
bon, après test, il s'avère que ça ne marche pas vraiment.
je m'explique, dans l'iframe seule une partie de la page html contenue
est affichée, et c'est cette partie qui est envoyée au print et non la
totalité de la page :
<http://www.cjoint.com/doc/15_09/EIzp1hVTeNX_15-09-25-17-45-23-Recettes-print-iframe-on-mbp.png>
j'ai essayé de changé le height en 100% pour @media screen comme pour
@media print, ça ne change rien.
donc ajout d'un "margin-top: -1mm;" donc légérement négative cette marge et ça a l'air de rouler dans les cas testés excepté le fait que ça coupe en bas sur une seule page...
à approfondir donc ... les marges semblent jouer bizarrement, là je n'ai testé que sur Opera et Chrome, de toutes façons mes pages ne marchent pas sur Safari et Firefox car j'utilise un truc incompatible.
Le 26/09/2015 10:42, Une Bévue a écrit :
Le 26/09/2015 08:42, Une Bévue a écrit :
ça ne change rien...
j'ai ajouté aussi position: absolute et top: 1cm;
donc ajout d'un "margin-top: -1mm;" donc légérement négative cette marge
et ça a l'air de rouler dans les cas testés excepté le fait que ça coupe
en bas sur une seule page...
à approfondir donc ...
les marges semblent jouer bizarrement, là je n'ai testé que sur Opera et
Chrome, de toutes façons mes pages ne marchent pas sur Safari et Firefox
car j'utilise un truc incompatible.
donc ajout d'un "margin-top: -1mm;" donc légérement négative cette marge et ça a l'air de rouler dans les cas testés excepté le fait que ça coupe en bas sur une seule page...
à approfondir donc ... les marges semblent jouer bizarrement, là je n'ai testé que sur Opera et Chrome, de toutes façons mes pages ne marchent pas sur Safari et Firefox car j'utilise un truc incompatible.
SAM
Le 26/09/15 10:42, Une Bévue a écrit :
je viens d'essayer ça : @media print { body * { font-family: arial; display: none; } #page_page, .iframe, iframe { display: block } iframe { height: 28cm; width: 20cm; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; border: 1px red solid; background: yellow } }
n'est-ce pas le div "page_page" qui doit être repositionné ?
Sinon ... coller un "page-break-before" à ce 'page_page' ?
ça donne rien, mais bon, il faut aussi que le reste colle en haut de la page. pour tester avec le @media print, je vais créer une page spécifique de test, qui représentera uniquement le @media print et je vais essayer de faire coller l'iframe en haut de la page.
Sinon ... coller un "page-break-before" à ce 'page_page' ?
ça donne rien, mais bon, il faut aussi que le reste colle en haut de la
page.
pour tester avec le @media print, je vais créer une page spécifique de
test, qui représentera uniquement le @media print et je vais essayer de
faire coller l'iframe en haut de la page.
Sinon ... coller un "page-break-before" à ce 'page_page' ?
ça donne rien, mais bon, il faut aussi que le reste colle en haut de la page. pour tester avec le @media print, je vais créer une page spécifique de test, qui représentera uniquement le @media print et je vais essayer de faire coller l'iframe en haut de la page.