Discussion :

[Baldy]

Bonjour

Je m'excuse par avance si ce post n'est pas à la bonne place mais je ne savais pas trop où le mettre d'autre.

J'ai une page à imprimer. Cette page est composé d'un index qui include une autre page contenant le contenu (c'est à dire textes + images) mais sans le menu et la bannière.

Je voudrais pourvoir imprimer simplement la page de contenu (donc hors menu, bannière, etc...) mais avec une mais en page différente.

Est ce possible via un lien ou un bouton? Si oui comment?

[devyan]

Bonjour,

pour cela il faut préciser le type de "média" pour lequel tu défini ton css. (exemple media="print", media="all", etc.)

Je ne sais pas si c'est possible autrement que par l'include d'une feuille de style externe...

[Baldy]

Quelle serait la marche à suivre? Mettre une balise <a> avec comme attribut media="print" et ensuite appeler une page reprenant le contenu et avec un CSS particulier?

Pas vraiment compris la fin de la phrase...
Donc ouvrir la page de contenu dans une nouvelle fenêtre, lui appliquer un css propre à l'impression ?

Oui voilà, avoir une ouverture de page qui reprendrait le contenu mais avec une mise en page adaptée à l'impression.

[devyan]

Quelle serait la marche à suivre? Mettre une balise <a> avec comme attribut media="print" et ensuite appeler une page reprenant le contenu et avec un CSS particulier?



Oui voilà, avoir une ouverture de page qui reprendrait le contenu mais avec une mise en page adaptée à l'impression.

De la même façon que tu as ta CSS pour décrire l'affichage de la page tu peux définir une CSS pour décrire la présentation pour l'impression.

Le code html ne change pas.

[Baldy]

Donc si je fais un lien comme ci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="impression.html" media="print">Imprimer la page</a>

Ca lancera l'impression de la page impression.html?

Mais si je veut envoyer une variable vers cette page afin qu'elle affiche le bon contenu (la variable servant a récupéré les infos dans une BDD), dois je procéder de la même façon?

[HiRoN]

Soit tu fais un CSS propre à l'impression dans la page de base, en regardant comme te le dis devyan du côté de media="print", soit tu crées un CSS propre à la page à imprimer en enlevant le code HTML superflu pour l'impression.

Perso, j'aurai regardé du côté de window.print()...

Mais si je veut envoyer une variable vers cette page afin qu'elle affiche le bon contenu

Tu peux très bien passer ta variable dans l'url ($_GET) pour la récupérer ensuite sur l'autre page.

[devyan]

Donc si je fais un lien comme ci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="impression.html" media="print">Imprimer la page</a>

Ca lancera l'impression de la page impression.html?

Mais si je veut envoyer une variable vers cette page afin qu'elle affiche le bon contenu (la variable servant a récupéré les infos dans une BDD), dois je procéder de la même façon?

Non, pour lancer l'impression il faut faire comme indique HiRoN.

Pour l'utilisation de media il faut faire comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css" media="print">
/* ici la description CSS qui sera utilisée UNIQUEMENT pour les impressions */
</style>

ou encore

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link media="print" href="mon_fichier_css_pour_imprimer.css"/>

ou bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style type="text/css">
@media print {
/* ici la description CSS qui sera utilisée UNIQUEMENT pour les impressions */
}
</style>

Le type de média (en gras dans les exemples) peut être une liste de médias séparés par une virgule.

[HiRoN]

Je voudrais pourvoir imprimer simplement la page de contenu (donc hors menu, bannière, etc...) mais avec une mais en page différente.

Pas vraiment compris la fin de la phrase...
Donc ouvrir la page de contenu dans une nouvelle fenêtre, lui appliquer un css propre à l'impression ?