imprimer une partie de page [Résolu]

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

Citation:

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>

Citation:

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

Citation:

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

Citation:

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...

01/09/2011, 23h25	#6
laurentSc Débutant Laurent Webmaster Inscription : octobre 2006 Messages : 2 873 Détails du profil Informations personnelles : Nom : Laurent Âge : 48 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Webmaster Secteur : Industrie Informations forums : Inscription : octobre 2006 Messages : 2 873 Points : 1 320 Points : 1 320	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 ? __________________ Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell
	00

02/09/2011, 11h46	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	suffit de pointer dessus avec getElementsByTagName avec le bon index ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/09/2011, 12h21	#8
laurentSc Débutant Laurent Webmaster Inscription : octobre 2006 Messages : 2 873 Détails du profil Informations personnelles : Nom : Laurent Âge : 48 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Webmaster Secteur : Industrie Informations forums : Inscription : octobre 2006 Messages : 2 873 Points : 1 320 Points : 1 320	Mais le "bon index", c'est quoi ? Ca ne me dit rien... __________________ Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell
	00

02/09/2011, 12h28	#9
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	getElementsByTagName retourne une collection d'objets => quel est le numéro ordinal de ta balise dans cette collection ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/09/2011, 17h31	#10
laurentSc Débutant Laurent Webmaster Inscription : octobre 2006 Messages : 2 873 Détails du profil Informations personnelles : Nom : Laurent Âge : 48 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Webmaster Secteur : Industrie Informations forums : Inscription : octobre 2006 Messages : 2 873 Points : 1 320 Points : 1 320	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... __________________ Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email