OVH Cloud OVH Cloud

CSS impression

14 réponses
Avatar
Stéven
Bonjour
Je viens de créer une CSS pour l'impression des articles de mon site.
J'obtiens bien le format défini par cette CSS lorsque je clique sur
"Imprimer", mais je voudrais pouvoir proposer aux lecteurs un lien du
type "Version impression" affichant l'étape intermédiaire, c'est-à-dire
la page au format impression.
Vers quoi mon lien doit-il pointer pour mettre cela en place ?
Merci
Stéven

10 réponses

1 2
Avatar
Pierre Goiffon
"Stéven" a écrit dans le message de
news:c7ss2f$6hs$
Je viens de créer une CSS pour l'impression des articles de mon site.
J'obtiens bien le format défini par cette CSS lorsque je clique sur
"Imprimer", mais je voudrais pouvoir proposer aux lecteurs un lien du
type "Version impression" affichant l'étape intermédiaire,
c'est-à-dire la page au format impression.
Vers quoi mon lien doit-il pointer pour mettre cela en place ?



:)
C'est très déroutant en effet de voir que ce que l'on imprime est différent
de ce que l'on a à l'écran. Et puis, plusieurs utilisateurs (moi y compris)
utilisent les "versions imprimables" des pages pour leur archivage...

Bref, on en revient au même système qu'avant : 2 templates, un pour la
visualisation normale et un "allégé" destiné à l'impression. On peut gérer
la chose de manières différentes, l'avantage du CSS ici est qu'en théorie,
il n'y a que l'appel à la CSS qu'il faut changer entre les 2 versions.
Avatar
CybercafeUser
"Stéven" wrote in message
news:c7ss2f$6hs$
Bonjour
Je viens de créer une CSS pour l'impression des articles de mon site.
J'obtiens bien le format défini par cette CSS lorsque je clique sur
"Imprimer", mais je voudrais pouvoir proposer aux lecteurs un lien du
type "Version impression" affichant l'étape intermédiaire, c'est-à-dire
la page au format impression.
Vers quoi mon lien doit-il pointer pour mettre cela en place ?
Merci
Stéven




Je ne crois pas que soit possible dans une page statique. Les pages qui
offrent cette possibilité sont à ma connaissance écrites en php, et incluent
dans la page engendrée un lien vers une feuille de style différente selon
les arguments envoyés au script php.

Il s'agit souvent de pages créées dans un site géré par un CMS. Le script
qui affiche une page pour visualisation à l'écran va pêcher dans une base de
données les éléments du texte, les images, etc. Quand on demande la page
pour impression, il ne sélectionne que les éléments indispensables dans ce
contexte (élimination des pubs, des liens, etc.).

Dans un contexxte statique, peut-être un lien vers une page qui afficherait
le même contenu dans une frame interne ("inline frame"), mais ça me paraît
boîteux et obsolète.

Cordialement,

G.
Avatar
Stéven
Bref, on en revient au même système qu'avant : 2 templates, un pour la
visualisation normale et un "allégé" destiné à l'impression. On peut gérer
la chose de manières différentes, l'avantage du CSS ici est qu'en théorie,
il n'y a que l'appel à la CSS qu'il faut changer entre les 2 versions.




Je travaille sur SPIP ; très concrètement, et pour mon template
"article.html" par exemple, il faut que je créé un lien vers une
nouvelle page "article_print.html", qui fera appelle à ma CSS
d'impression ? (dont le "media=" aura pour valeur "screen" et non
"print" ?) M'embrouille-je ???
Avatar
Steph. k.
Stéven a écrit :

Bonjour
Je viens de créer une CSS pour l'impression des articles de mon site.
J'obtiens bien le format défini par cette CSS lorsque je clique sur
"Imprimer", mais je voudrais pouvoir proposer aux lecteurs un lien du
type "Version impression" affichant l'étape intermédiaire, c'est-à-dire
la page au format impression.
Vers quoi mon lien doit-il pointer pour mettre cela en place ?
Merci
Stéven



Fais une recherche sur switcher php (Google est ton ami).
Une fois que tu as compris le système des FDS alternatives il ne te
reste qu'à utiliser ta FDS dédiée à l'impression.

Ps. il existe le même système de switcher en javascript.



--
Steph. K.
http://www.acces-pour-tous.net
Avatar
Sergio
Stéven avait énoncé :
Bonjour
Je viens de créer une CSS pour l'impression des articles de mon site.
J'obtiens bien le format défini par cette CSS lorsque je clique sur
"Imprimer", mais je voudrais pouvoir proposer aux lecteurs un lien du type
"Version impression" affichant l'étape intermédiaire, c'est-à-dire la page au
format impression.
Vers quoi mon lien doit-il pointer pour mettre cela en place ?



Suggérer d'utiliser le "Print Preview" ("Apperçu avant impression" en
gaulois) ?

--
Serge http://leserged.online.fr/
Tout sur Windows : http://www.bellamyjc.org/ et http://www.ntfaqfr.com/
Avatar
Sergio
CybercafeUser vient de nous annoncer :

Je viens de créer une CSS pour l'impression des articles de mon site.
J'obtiens bien le format défini par cette CSS lorsque je clique sur
"Imprimer", mais je voudrais pouvoir proposer aux lecteurs un lien du
type "Version impression" affichant l'étape intermédiaire, c'est-à-dire
la page au format impression.
Vers quoi mon lien doit-il pointer pour mettre cela en place ?



Je ne crois pas que soit possible dans une page statique. Les pages qui
offrent cette possibilité sont à ma connaissance écrites en php, et incluent
dans la page engendrée un lien vers une feuille de style différente selon
les arguments envoyés au script php.



Si, si, ça marche : Voir http://openweb.eu.org/ : fait une impression
(ou une prévisualsation de l'impression...) sur cette page par exemple.

--
Serge http://leserged.online.fr/
Tout sur Windows : http://www.bellamyjc.org/ et http://www.ntfaqfr.com/
Avatar
Pierre Goiffon
"Stéven" a écrit dans le message de
news:c7t51k$jaf$
Je travaille sur SPIP ; très concrètement, et pour mon template
"article.html" par exemple, il faut que je créé un lien vers une
nouvelle page "article_print.html", qui fera appelle à ma CSS
d'impression ? (dont le "media=" aura pour valeur "screen" et non
"print" ?) M'embrouille-je ???



Il faut que votre page destinée à l'impression ait le rendu que vous
souhaitez à l'écran ET à l'impression, donc media="screen" est trop
restrictif...
La réponse de Steph.K me parait une très belle piste

Bon courage
Avatar
Stéven
La réponse de Steph.K me parait une très belle piste

Bon courage




J'y plonge !
Merci pour vos avis !
Avatar
Stéven

Fais une recherche sur switcher php (Google est ton ami).
Une fois que tu as compris le système des FDS alternatives il ne te
reste qu'à utiliser ta FDS dédiée à l'impression.

Ps. il existe le même système de switcher en javascript.




Je reviens d'une petite exploration sur le sujet (notamment
http://www.cybercodeur.net/weblog/commentaires/detailsCarnet.php?idmessage%)
et en ai ressorti deux-trois points :
- il semble que IE ne prenne pas en charge les feuilles de style
alternatives, et que l'on soit donc obligé de passer par un système de
switcher PHP (vrai ? faux ?)
- au niveau du switcher PHP, si l'utilisateur a désactivé les cookies,
on ne pourra pas changer de skin (vrai ? faux ?)
- il existe le même système en JS, mais bon niveau accessibilité c'est
encore pire que l'histoire du cookie désactivé ou non...
Donc à première vue je voterais ppour la deuxième solution... (même si
certaines personnes ne pourront pas en profiter /snif !)
Avatar
Thibaut Allender
on 12/05/2004 15:05, Stéven wrote :

- il semble que IE ne prenne pas en charge les feuilles de style
alternatives, et que l'on soit donc obligé de passer par un système de
switcher PHP (vrai ? faux ?)



vrai

- au niveau du switcher PHP, si l'utilisateur a désactivé les cookies,
on ne pourra pas changer de skin (vrai ? faux ?)



faux, il suffit d'utiliser un switcher ne reposant pas sur les cookies,
par exemple une session, elle meme ne reposant pas sur des cookies ;) ou
bien en propageant l'info de skin a travers les pages (ce qui revient a
utiliser une session reposant sur un transid, et donc transparent au
niveau du code)

- il existe le même système en JS, mais bon niveau accessibilité c'est
encore pire que l'histoire du cookie désactivé ou non...
Donc à première vue je voterais ppour la deuxième solution... (même si
certaines personnes ne pourront pas en profiter /snif !)



meme pas ;)

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org
1 2