Bouton d'impression pour une seule image

Eléphant du PHP | 331 Messages

30 août 2008, 03:45

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>

ViPHP
AB
ViPHP | 5818 Messages

30 août 2008, 06:09

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:

Mammouth du PHP | 2937 Messages

31 août 2008, 12:16

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.