css print, cacher élément sous condition

Bonjour,

est-ce possible de cacher certains éléments de manière conditionelle mais seulement pour la css d'impression ?

Je m'explique :

J'ai des critères de recherches et je voudrais que seuls ceux qui sont renseignés s'affichent à l'impression, mais sur l'écran, je voudrais qu'ils s'affichent dans tous les cas. La condition serait valable seul sur ls css d'impression.

Merci d'avance

Nath

Bonjour,

Avec les media queries vous le pouvez ( ou avec une feuille de style pour l'impression):

Media querie
dans votre de feuille de style vous l'incluez en y plaçant les propriétés souhaitées

Code:

---

1 2 3

@media print { body{} }

---

Feuille de style

Code:

---

<link rel="stylesheet" type="text/css" href="ma_feuille_css_imprimante.css" media="print" />

---

Je ne suis pas sûr mais je crois que ça ne suffira pas. Si j'ai bien compris le problème :aie:

Il ne veut cacher les éléments à l'impression que si ces éléments sont vides. Or ça on ne peut pas le faire uniquement en CSS. Donc Media Queries mais pas que.

Si la page des critères n'est pas rechargée, il faudra ajouter dynamiquement une classe (genre NoPrint dans la feuille prévue pour l'impression) aux éléments vides. Sinon le faire depuis ton langage serveur si tu en utilises un.