CodeS-SourceS
Rechercher un code, un tuto, une réponse

Imprimer une page sans ses boutons

Avril 2017


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.

A voir également

Publié par Phil_Free.
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)