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 ?

**SpaceFrog** · 02/09/2011, 11h46

suffit de pointer dessus avec getElementsByTagName avec le bon index ...

**laurentSc** · 02/09/2011, 12h21

Mais le "bon index", c'est quoi ? Ca ne me dit rien...

**SpaceFrog** · 02/09/2011, 12h28

getElementsByTagName retourne une collection d'objets =>
quel est le numéro ordinal de ta balise dans cette collection ?

**laurentSc** · 02/09/2011, 17h31

Merci pour ta réponse, mais en fait, c'était une question que je m'étais posée suite à un problème exposé sur un forum (un autre !), et je ne retrouve même plus la question, alors le site...

imprimer une partie de page

JavaScript

Discussions similaires

Partager

Partager