Cacher un bouton avant d'imprimer
Bonjour,
J'ai une feuille qui possède 4 boutons faisant chacun référence à une action différente (chaque bouton est dans un formulaire séparé). L'un des boutons est PRINT et contient le code suivant :
Code:
1
2
3
4
|
<form name="frmPRINT">
<p><input width="90" name="btnPRINT" class="pure_text_blackcolor" type="button" value="IMPRIMER" onClick="beforePrint()">
</form> |
Je veux faire disparaitre ces boutons au moment de l'impression pour les
réactiver juste après. Donc, j'utilise le code beforePrint suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
function beforePrint() {
document.frmPRINT.btnPRINT.disabled = true;
document.frmPRINT.btnPRINT.style.width=0;
document.frmRETOUR.btnRETOUR.disabled = true;
document.frmRETOUR.btnRETOUR.style.width=0;
document.frmMENU.btnMENU.disabled = true;
document.frmMENU.btnMENU.style.width=0;
document.frmCLOTURE.btnCLOTURE.disabled = true;
document.frmCLOTURE.btnCLOTURE.style.width=0;
window.print();
document.frmRETOUR.btnRETOUR.disabled = false;
document.frmRETOUR.btnRETOUR.style.width=90;
document.frmPRINT.btnPRINT.disabled=false;
document.frmPRINT.btnPRINT.style.width=90;
document.frmMENU.btnMENU.disabled = false;
document.frmMENU.btnMENU.style.width=90;
document.frmCLOTURE.btnCLOTURE.disabled = false;
document.frmCLOTURE.btnCLOTURE.style.width=90;
} |
Le problème, c'est que lorsque j'utilise IE7 ou IE8, tout est OK, les boutons disparaissent complètement. Je n'obtiens pas du tout le résultat avec Firefox / Chrome ou Safari. Les boutons restent visible (ils sont tous petits, genre 10/15 pixels de large maxi).
Avez-vous une idée qui pourrait m'aider ?
Merci,
Vincent
