Imprimer une portion de page différemennt

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?

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...

Citation:

---

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 ?

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?

Citation:

---

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.

Citation:

---

Envoyé par 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?



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.

Donc si je fais un lien comme ci

Code:

---

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?

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()...

Citation:

---

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.

Citation:

---

Envoyé par Baldy

Donc si je fais un lien comme ci

Code:

---

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:

---

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:

---

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

---

ou bien

Code:

---

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.

OK donc si j'ai tout saisi je saisi d'abord un CSS pour l'impression

Code:

---

1 2 3

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

---

(D'ailleurs en passant si je veux spécifier ce CSS spécial impression dans un CSS existant comment le mentionner?)

Et ensuite je met un lien/bouton de cette façon

Code:

---

<a href="#" onClick="javascript:window.print();">Impression</a>

---

J'ai tout bon? ou alors je me plante total? :roll:

Citation:

---

Envoyé par Baldy

...
(D'ailleurs en passant si je veux spécifier ce CSS spécial impression dans un CSS existant comment le mentionner?)
...

---

facile, il suffit de faire un import (cf. références CSS) ou utiliser le dernier cas de figure cité précédemment.