Bouton imprimer une image

Version imprimable

Bonjour

Est ce le bon forum ?

Voilà mon problème :

1. Je n'y connais RIEN de RIEN en HTML
2. J'ai créé mon site chez Gandi avec BaseKit
3. Je suis commerçant
4. J'organise une vente privée
5. Je voudrais que mes clients puissent imprimer leur invitation à partir de mon site
6. L'outil de création du site sur Gandi ne propose pas de fonction " Bouton Imprimer "
7. Il fonctionne en drag & drop, je ne peux pas modifier le code HTML
8. Seule possibilité : un widget " code source "

Ce dont j'ai besoin :

1. Un bouton " imprimer l'invitation " qui n'imprime que mon invitation et non pas toute la page !

Ce que j'ai fait :

1. J'ai passé 2 jours sur internet à cherche un code HTML
2. J'ai trouvé plusieurs codes dont voici le plus abouti :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <form><script language="javascript"> function imprimer() { fenetre=window.open("http://files.gandi.ws/gandi54587/image/flyer.jpg"); fenetre.print(); fenetre.top.close(); } </script> <a href="javascript:imprimer()"> <div style="text-align:center" > <p> <input type="button" value="Imprimer l'invitation" name="B1" onclick="imprimer();" /> </p> </div> <script ></script></input></a></form>
Ce que ça donne :

1. Un bouton " Imprimer l'invitation " : Ça c'est bon
2. Ça ouvre une fenêtre avec mon invitation en plein écran : Ça c'est parfait
3. Ça ouvre la boite de dialogue avec mon imprimante : Ça c'est impec
4. La boite de dialogue s'ouvre sans cesse : Pas bon

Voila le lien vers mon site :
http://www.fripes.jeannedavid.com/

Le HIC :

Quand je clique sur imprimer : IL SORT UNE PAGE BLANCHE DE L'IMPRIMANTE

HELP:calim2:

Bonjour,
tout est dans ton code, très légérement incorrect.
Code:

1 2 3 4 5 6 7 8 <a href="javascript:imprimer()"> <div style="text-align:center" > <p> <input type="button" value="Imprimer l'invitation" name="B1" onclick="imprimer();" /> </p> </div> </input> </a>
un BUTTON dans un A et les deux font la même chose imprimer() donc avec la propagation des événements ça foire.

Le code ci dessous est largement suffisant
Code:

1 2 3 4 5 <div style="text-align:center" > <p> <input type="button" value="Imprimer l'invitation" name="B1" onclick="imprimer();" /> </p> </div>

Ce qui me donne ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <form><script language="javascript"> function imprimer() { fenetre=window.open("http://files.gandi.ws/gandi54587/image/flyer.jpg"); fenetre.print(); fenetre.top.close(); } </script> <div style="text-align:center" > <p> <input type="button" value="Imprimer l'invitation" name="B1" onclick="imprimer();" /> </p> </div> </form></input>
Cela a supprimé la redondance de la fenêtre de dialogue de l'imprimante mais j'imprime toujours une page blanche bien que je vois mon invitation à l'écran.

11/07/2015, 10h09
Toltchock

Bonjour à tous

Quelqu'un pourra t-il résoudre mon problème de cette image qui s'affiche avec la boite de dialogue de l'imprimante et qui m'imprime une page blanche ?

Bon week-end

Tu peux passer par un fichier HTML dans lequel tu places ton IMG ou encore le créer dynamiquement, cela pourrait donner

Code:

1
2
3
4
5
6
7
8
9
10
function imprimer(){
    var fenetre = window.open('','INVIT');
    var html  = '<html><head><title>Invitation</title></head><body>';
    html += '<img src="http://files.gandi.ws/gandi54587/image/flyer.jpg" alt="" height="100%">';
    html += '<\/body><\/html>';
    fenetre.document.write( html);
    fenetre.document.close();
    fenetre.print();
    fenetre.close();
}