Discussion :

[insane1]

Bonjour,

Je veux imprimer un document (grâce à window.print()).
Mais mon document est sur fond jaune donc en appelant ma fonction imprimer je change la couleur de fond de mon doc pour la mettre en blanc et ainsi avoir une page imprimée sur fond blanc.

Code :

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

1
2
document.getElementsByTagName('body')[0].style.backgroundColor='#FFFFFF';
window.print();

Mais voila mon probleme j'aimerai remettre la couleur d'origine apres impression.
Si je mets un

Code :

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

document.getElementsByTagName('body')[0].style.backgroundColor='#LACOULEUR'

alors cela n'attend pas et remet directement la couleur d'origine.

La seule solution que j'ai trouvée pour l'instant est d'utiliser un setTimeout(). Mais cette solution ne me convient pas.
Quelqu'un a t'il une idée ? Merci

[Sergejack]

La couleur de fond est-elle vraiment imprimée ? Sous IE non en tout cas.

[insane1]

Oui elle est imprimée (je viens de tester sous IE...)

[Sergejack]

Ah, ben c'est nouveau alors (n'aurais-je rien imprimé à partir d'IE8 ?).

Avec IE tu peux faire quelque chose dans ce style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type="text/javascript">
 
function removebackground(){
//Make the document background white
document.style.backgroundColor="white"
//Set the document's background image to null
document.body.style.backgroundImage="none"
}
 
function revertback(){
//Reload the window
setTimeout("window.location.reload()",50)
}
 
window.onbeforeprint=removebackground
window.onafterprint=revertback
 
</script>

reférence

[insane1]

Merci de ta réponse qui m'a l'air correcte.

Je testerai ca des que possible et je viendrais mettre en résolu (ou pas )

[Bovino]

Heu...
Pourquoi ne pas ajouter simplement une feuille de style pour l'impression au lieu de se compliquer la vie ?

Code html :

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

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