Discussion :

[pc75]

Bonjour,

Avec un window.open, j'affiche des données issues d'une BDD avec de la mise en forme (Images, couleurs de fond, ...).
Les utilisateurs souhaitent imprimer cette page, mais à l'impression, c'est la cata. Par exemple, les div avec une couleur de fond cachent une partie du texte.
J'ai donc pensé à une solution "texte brut", mais c'est un peu lourd. Il faut enregistrer en txt, puis l'ouvrir pour pouvoir l'imprimer.
Je voudrais aussi éviter de créer une page sans mise en forme spécialement pour ça.

J'ai un gros doute sur la question qui m'amène, mais sait-on jamais.
Existe-t-il un "truc" qui permettrait de convertir le contenu de ma popup en texte via un lien sur cette même popup ?
C'est à dire, basculer l'affichage du format html en format correspondant au format d'un enregistrement en .txt ?

Et en question bonus (mais là je dois rêver) : et vice-versa ?

Merci.

[Kaamo]

Faire une feuille de style CSS dédiée à l'impression :

Code html :

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

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

Incompatible IE <= 8

[Bovino]

Incompatible IE <= 8

Euh... non, l'attribut media est tout à fait compatible IE8-...

[pc75]

Merci,

Concrètement, ça s'utilise comment, svp ?

[Bovino]

• Tu cliques sur le lien Sélectionner tout au-dessus du code de Kaamo.
• Tu appuies sur la touche CTRL puis sur la touche "C" (attention, il faut que CTRL reste appyuée).
• Tu actives ton éditeur de texte.
• Tu places le pointeur au niveau des appels de feuilles de style.
• Attention, partie délicate : tu appuies sur CTRL et en laissant CTRL appuyée, tu appuies sur "V".

[Kaamo]

Oups, exact !

Je pensais à cette déclaration qui n'est pas compatible IE <= 8 :

Code css :

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

1
2
@media print {
}

Merci de la correction.

[pc75]

Re,

J'ai trouvé ce qui met le bronx à l'impression.

Mes div ont un attribut class="arrondi" qui affichent les coins arrondis.
Si j'enlève cet attribut, tout se passe bien.

Dans un css media="print", peut-on supprimer cet attribut ou le modifier ?

[Kaamo]

La feuille de style dédiée à l'impression (avec media="print"), c'est la même feuille de style qui est dédiée à l'affichage sans les fioritures de la page web.
Donc oui, retirer les coins arrondis, enlever le background, cacher les boutons et éléments de formulaires, cacher les pubs, etc etc. Bref, faire une mise en page succincte avec les éléments formatés et souhaités pour l'impression.