Page 1 sur 1

Bouton d'impression pour une seule image

Posté : 30 août 2008, 03:45
par stefane321
Bonjour,

J'ai un bout de code pris en cherchant sur google qui me donne un beau bouton pour imprimer la page Web.

Moi j'aimerais imprimer juste une image dans la page.

Mise en contexte ... c'est un site de coupon rabais ... quand on clic sur le coupon il s'affaiche dans une fenêtre pop-up cette fenêtre contien le coupon-rabais et le bouton imprimer.

Le problème est que la fonction d'impression imprime le coupon et le bouton.

J'aimerais imprimer seulement le coupon.

Pouvez-vous m'aider svp?

Voici mon code:
<script language="Javascript">function imprimer(){window.print();}</script>
<form><p><input name="PCASTUCES" onclick="imprimer()" type="button"value="Imprimer cette page"></p></form>

Posté : 30 août 2008, 06:09
par AB
Normal ça imprime toute la page.

Pour choisir ce que tu veux imprimer il faut faire une feuille de style séparée qui n'affichera que ce que tu veux imprimer et une autre pour l'affichage à l'écran, par exemple :

Code : Tout sélectionner

<LINK rel="stylesheet" type="text/css" media="print" href="style_pour_impression.css"> <LINK rel="stylesheet" type="text/css" media="screen" href="style_pour_ecran.css">
ça fonctionnera pour tous les navigateurs récents.

C'est donc en fait un problème du domaine de html/css :wink:

Posté : 31 août 2008, 12:16
par Victor BRITO
Et dans la feuille de style destinée à l'impression, un simple

Code : Tout sélectionner

form { display: none; }
masquera le formulaire comme s'il n'existait pas.