Imprimer le contenu d'une div

**onesat** · 26/02/2012, 02h34

Voilà, j'ai fait petit site et lorsque je clique sur le menu fichier puis sur imprimer du coup c'est toute la fenêtre de mon site qui se fait imprimer et moi je veux que sa soit juste le content de mon block Content et si cela est possible j'aurais besoin du code qu'il faut.
Merci d'avance!

**shell13010** · 26/02/2012, 02h44

Bonsoir,

J'aurais joué avec les css:

Code :

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

1
2
3
4
5
6
7
8
9
10
<style type="text/css">
@media print {
body * {
display:none;
}
#divimprimer { 
display:block;
}
}
</style>

Donc tout sauf #divimprimer sera cacher

**Bovino** · 27/02/2012, 08h05

A part si tu veux imprimer sur l'imprimante du datacenter de ton serveur, je ne vois pas le rapport avec PHP

déplacé vers CSS puisque comme indiqué par shell13010, c'est de ce coté là qu'est la solution !

**onesat** · 03/03/2012, 11h15

Je comprends l'idée d'utiliser le css!
Bon voilà c'est en consultant un autre site que j'ai remarqué la présence d'un bouton ou disons plutôt lien d'impression et des qu'on clique sur le lien la boîte de dialogue Impression s'ouvre et sa je crois bien que ce n'est pas seulement le CSS qui a été utilisé il doit surement avoir un code JavaScript ou PHP ou autres et c'est ce que je veux faire: un lien d'impression!

**NoSmoking** · 03/03/2012, 14h38

Bonjour,
voir du coté de window.print()

Code html :

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

<input type="button" value="Imprimer" onclick="window.print()">

**onesat** · 07/03/2012, 14h23

OK, j'apprécie bien ton bout de code NoSmoking mais voilà je me demande bien comment l'utiliser puis qu'il faut bien une fonction pour l'évènement onClick!
Et j'apprécierais bien ton aide sur ce coup!

**NoSmoking** · 07/03/2012, 14h37

as tu simplement essayé de mettre cette ligne de code dans un de tes documents pour voir ce qui ce passe ?

**onesat** · 16/05/2012, 17h15

je l'es essayé dans un lien et sa imprime toute la page chose que je ne souhaite pas du tout!

Code :

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

<a href="#" onclick="window.print()">Imprimer</a><br /><br />

moi je veux que sa m'imprime juste le contenu de ma div content!!!

**NoSmoking** · 16/05/2012, 18h07

il faut bien sûr un petit plus pour y arriver, shell13010 t'en a donné la substantifique moelle, relayée par l'approbation de Bovino.

**onesat** · 16/05/2012, 18h34

Alors c'est quoi ce petit plus???
Eh ben j'ai utilisé le bout de code Bovino et sa na pas marché du tout!

Code :

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

1
2
3
4
5
6
7
8
9
10
<style type="text/css">
@media print {
body * {
display:none;
}
#content { //est la div dont le contenu doit être imprimer
display:block;
}
}
</style>

**NoSmoking** · 17/05/2012, 15h46

Alors c'est quoi ce petit plus???

c'est la bonne utilisation des sélecteurs CSS

exemple:

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
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Masquage Impression]</title>
<style type="text/css">
@media print {
  #page *{
    display:none;
  }
  }
  #page .p,
  #page H2,
  #page P{
    display:block;
  }
}
</style>
</head>
<body>
<div id="page">
  <div>
    <h2>Titre 1</h2>
    <p>Bonjour ce texte, avec son titre, disparaît à l'impression</p>
  </div>
  <div id="message" class="p">
    <h2>Titre 2</h2>
    <p>Ce texte, avec son titre, reste apparent à l'impression...</p>
    Celui ci aussi...
  </div>
</div>
</body>
</html>

http://www.w3.org/Style/css3-selecto...html#selectors

Imprimer le contenu d'une div

CSS

Discussions similaires

Partager

Partager