Imprimer une page sans ses boutons

Dernière mise à jour le par @karamel .

Imprimer une page sans ses boutons

Introduction

Sur votre page il y a les boutons Imprimer et Fermer. Lorsque vous cliquez sur Imprimer,
votre page sortie de l'imprimante contient les deux boutons.
C'est pas beau !

Alors voici comment procéder en créant un STYLE et une CLASS:

Le style

Entre les balises HEAD créer un style :

<style> 
    @media print{   
        .ecran 
            {display: none;}
        }
< /style>

La Class

Pour chaque bouton le déclarer en CLASS écran :

<input type="button" class="ecran" ... >

Les boutons s'affichent sur le page, mais ne s'impriment pas.

Cette astuce permet également de cacher d'autres éléments lors de l'impression.

Ce document intitulé « Imprimer une page sans ses boutons » issu de CodeS SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Utilisation de fichiers *.js dans une page html
Presentation de la programmation orientée objet (p2o)
Rejoignez-nous