imprimer une partie de page

**laurentSc** · 09/08/2011, 18h44

Bonjour,

je souhaite donner la possibilit� d'imprimer une partie de la page ; aussi ai-je fait ce code :

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
  <style type="text/css">      
 
@media print     
{         
#non-printable { display: none; }         
#printable { display: block; }     
}     
  </style>
<img
 src="---.jpg" id="non-printable">&nbsp;
                                          <br/>
 
<div id="printable">
coucou<br/>
coucou<br/>
coucou<br/>
coucou<br/>
coucou<br/>
coucou<br/>
   </div>
 
<a href="print.html" target="_blank">Imprimer cette page</a>

C'est �videmment juste un test et je m'atttends � ce que �a imprime les "coucou", mais non, y a rien ; quelle est la raison ?

**Bovino** · 09/08/2011, 19h37

Ben faut dire que ce serait bien d'ajouter certaines balises... comme <html>, <head>, <body>...
Sinon

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<style type="text/css" media="print">
...
</style>

est quand m�me plus recommand�.

EDIT : mais au fait... elle est suppos�e s'imprimer comment ta page ??? Par la force de ton esprit ?

**laurentSc** · 09/08/2011, 20h51

mais au fait... elle est suppos�e s'imprimer comment ta page ??? Par la force de ton esprit ?

Oui, bien s�r

j'avais oubli� de donner print.html :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>print</title>
</head>
<body>
<br>
<script language="Javascript">window.print();</script>
</body>
</html>

Ben faut dire que ce serait bien d'ajouter certaines balises... comme <html>, <head>, <body>...

Elle y sont d�j� ; le CSS est dans le head et le reste dans le body.

J'ai tenu compte de �a

media="print"

mais �a n'imprime toujours pas...

**Bovino** · 09/08/2011, 21h10

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>print</title>
</head>
<body>
<br>
<script language="Javascript">window.print();</script>
</body>
</html>

Et donc, tu t'�tonnes que rien ne soit imprim�

En JavaScript, l'objet window correspond � la page en cours et la m�thode print() demande de l'imprimer. Donc print() sur une page vide, je vois pas trop ce que tu esp�res que �a imprime

Alors revenons � ta page pr�c�dente. Pourquoi tu fais un lien avec target _blank alors que c'est cette page que tu veux imprimer ???
Ne le prends pas mal, mais �a revient au m�me que dire � quelqu'un "vas voir l�-bas si j'y suis" et que la personne s'�tonne que tu n'y sois pas !

Code html :

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
  <style type="text/css">      
 
@media print     
{         
#non-printable { display: none; }         
#printable { display: block; }     
}     
  </style>
<img
 src="---.jpg" id="non-printable">&nbsp;
                                          <br/>
 
<div id="printable">
coucou<br/>
coucou<br/>
coucou<br/>
coucou<br/>
coucou<br/>
coucou<br/>
   </div>
 
<a href="#" onclick="window.print(); return false;">Imprimer cette page</a>

**laurentSc** · 09/08/2011, 22h06

Ne le prends pas mal

Non, je me suis marr�...

Mais ta solution, si elle marche, pose un probl�me : je n'ai acc�s qu'� une partie du code, sachant que j'utilise un outil g�n�rateur de site web (qui pond lui-m�me le code) et que notamment le menu et le bandeau, je ne peux y toucher. Donc avec ta solution, je les imprime (en fait, j'imprime tout sauf, ce qui non-printable, mais ce n'est pas le cas du menu et du bandeau vu que je n'y acc�de pas). Existe-t-il un moyen de s'en sortir ?

**laurentSc** · 01/09/2011, 23h25

Le menu et le bandeau, si on pouvait les mettre dans des div, ceux-ci ayant une classe du type { display: none; }, �a serait bien, mais vu que le bandeau et le menu n'ont ni classe, ni identifiant, et que je ne peux y toucher, y a-t-il moyen de s'en sortir ?

imprimer une partie de page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager