Bouton imprimer une image

**Toltchock** · 09/07/2015, 18h50

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**NoSmoking** · 09/07/2015, 21h04

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Toltchock** · 09/07/2015, 22h22

Ce qui me donne ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Toltchock** · 11/07/2015, 10h09

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

**NoSmoking** · 12/07/2015, 12h16

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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();
}

Bouton imprimer une image

JavaScript

Discussions similaires

Partager

Partager