HTML - bouton imprimer une image

Toltchock

Membre confirmé
16 Août 2014
18
0
Bonjour

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 :

<script language="javascript">
function imprimer()
{
fenetre=window.open("http://mon-image.jpg" );
fenetre.print();
fenetre.top.close();
}
</script>
<form>
<div align="center"><center><p><input name="B1" onclick=() type="button"
value="Imprimer l'invitation"></p>
</center></div>
</form></input>

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

Le HIC :

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


Si quelqu'un est doué en HTML, il y a sur le web pas mal de gens intéressés par une solution !



MERCI MERCI MERCI MERCI
 
Merci

Je viens de tester : pas de bouton "imprimer" alors j'ai mis ça :

<div align="center"><center><p><input name="B1" onclick=() type="button"
value="Imprimer l'invitation"></p>
</center></div>
</form></input>

Là un bouton, mais il ne se passe rien quand je clique.
 
Non, tu n'as pas mis de nom à ta fonction dans le onclick="" . Là tu cliques dans le vent.
onclick="imprimer();"

Tu dois avoir quelque comme ceci :

<div style="text-align:center" >
<p>
<input type="button" value="Imprimer l'invitation" name="B1" onclick="imprimer();" />
</p>
</div>
<script >
function imprimer()
{
fenetre=window.open("http://mon-image.jpg" , "_blank");
fenetre.onload = function(){
fenetre.print();
fenetre.top.close();
}
</script>
 
  • J’aime
Réactions: Toltchock
Salut

Encore un grand merci pour ta patience.
J'ai fait un copier/coller de ton code.
Mais le bouton " Imprimer l'invitation " est inopérant.

Voilà mon site : www.fripes.jeannedavid.com

Tu peux tester.

Avec ce code :

<form><script language="javascript">
function imprimer()
{
fenetre=window.open("http://files.gandi.ws/gandi54587/image/flyer.jpg" , "_blank");
fenetre.onload = function(){
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>

Mon bouton imprimer ouvre l'invitation et la boite de dialogue de mon imprimante.
Mais impression d'une page blanche.

Peut être que tu arrivera à combiner les deux
Car pour moi je commence à comprendre le principe du HTML ( ou javascript , je m'y perds )
Mais la finalité m'échappe

Pas de problème je suis tenace !!!!
 
Voila le code qui est en place :

<div style="text-align:center" >
<p>
<input type="button" value="Imprimer l'invitation" name="B1" onclick="imprimer();" />
</p>
</div>
<script >
function imprimer()
{
fenetre=window.open("http://mon-image.jpg" , "_blank");
fenetre.print();
fenetre.top.close();
}
</script

J'ai supprimé

fenetre.onload = function(){

car avec cette ligne le bouton " imprimer l'invitation " est inopérant

Ya quelque chose là dessous