Imprimer une image

**elekaj34** · 19/11/2009, 09h29

bonjour,

Sur une page (A.html par ex), j'affiche une vignette d'une image (plan.jpg) quand je clique dessus, j'ai une lightbox qui s'ouvre pour l'afficher en grand.

Voilà pour le contexte.

Maintenant, je veux pouvoir faire une fonction d'impression. Mon idée, c'est de faire sur le page A un lien du style "Imprimer le plan"

J'ai tenté ceci :

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
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
	<head>
		<title>Impression</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript">
			function imprime() {
				window.location="plan.jpg";
				window.print();
			}
		</script>
 
 
	</head>
 
	<body>
		<a href="#" onClick="imprime();" >Imprimer le plan</a>
	</body>
</html>

le problème étant que çà imprime pas le plan

!!!!
merci pour votre aide

**camyo** · 19/11/2009, 10h01

Code :

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

1
2
3
4
5
6
7
8
9
<script language="javascript">
function imprime(){
 
print_plan=window.open("plan.jpg" );
print_plan.print();
print_plan.close();
}
</script>
<a href="javascript:imprime()">Imprimer</a>

ça marcherait pas ça ?

**julioooo** · 19/11/2009, 10h04

Salut,
Essayes d'ouvrir une popup affichant ton image puis tu assignes ta fonction d'impression de la page(image) dans l'évènement onload du body de ta popup.

Code :

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

1
2
 
<body onload="print()">

**camyo** · 19/11/2009, 10h15

Sinon, j'ai trouvé ç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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
function makepage(src)
{
  // We break the closing script tag in half to prevent
  // the HTML parser from seeing it as a part of
  // the *main* page.
 
  return "<html>\n" +
    "<head>\n" +
    "<title>Temporary Printing Window</title>\n" +
    "<script>\n" +
    "function step1() {\n" +
    "  setTimeout('step2()', 10);\n" +
    "}\n" +
    "function step2() {\n" +
    "  window.print();\n" +
    "  window.close();\n" +
    "}\n" +
    "</scr" + "ipt>\n" +
    "</head>\n" +
    "<body onLoad='step1()'>\n" +
    "<img src='" + src + "'/>\n" +
    "</body>\n" +
    "</html>\n";
}
 
function printme(evt)
{
  if (!evt) {
    // Old IE
    evt = window.event;
  }    
  var image = evt.target;
  if (!image) {
    // Old IE
    image = window.event.srcElement;
  }
  src = image.src;
  link = "about:blank";
  var pw = window.open(link, "_new");
  pw.document.open();
  pw.document.write(makepage(src));
  pw.document.close();
}

Code :

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

<img src="http://plan.jpg" onClick="printme(event)"/>

J'ai testé, ça marche sous FF

**julioooo** · 19/11/2009, 10h27

OU alors tu charges ton image dans une iFrame invisible sur ta page puis tu l'imprimes.

**SpaceFrog** · 19/11/2009, 10h28

sinon il suffit de jouer du media print et screen

un exemple ici sans image masi simple à adapter
http://www.ouestisol.fr/JUSTALITTLEFOLDER/Certif.htm

Imprimer une image

JavaScript

Discussions similaires

Partager

Partager