Imprimer seulement la partie d'une page

**laurentSc** · 17/02/2011, 22h11

Bonsoir, je voudrais savoir si ce qui est dans le titre est possible en PHP, sachant que je sais créer un fichier txt en PHP, que je connais un script qui permet d'imprimer du pdf (en javascript) et que je voudrais imprimer le contenu du txt.

**sabotage** · 17/02/2011, 22h25

Ca serait absurde de faire ça.
Quel est ton obstacle pour imprimer un fichier texte ?

**laurentSc** · 17/02/2011, 22h34

Je viens de penser à un gros souci : le txt serait côté serveur (ses infos viendraient d'une base MySQL) et l'impression, évidemment, côté client, mais comme je ne dois être le premier à avoir ce besoin, comment faire ?

**sabotage** · 17/02/2011, 22h36

tu mets ton texte sur une page avec un bouton imprimer.

**laurentSc** · 17/02/2011, 22h39

OK, mais le javascript qui fait ça (windows.print) imprime toute la page, donc il y aurait aussi le menu, le bandeau et le pied de page...

**Willpower** · 17/02/2011, 23h44

Pour ça il faut sélectionner le texte et puis imprimer.

Dans mes souvenirs il existe des.fonction sélection avec leurs versions ie et firefox.

Autrement plus simplement si tu mets ton text dans un textarea tu peux faire :

textarea.select();

**Bovino** · 18/02/2011, 08h13

Ou plus simplement avec une feuille de style adaptée

Code :

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

<link media="print" ... />

**laurentSc** · 18/02/2011, 09h02

Ou plus simplement avec une feuille de style adaptée

J'avais déjà pensé à mettre chaque élément dans un div avec des identifiants, et d'affecter via un print.css la propriété display:none à ce que je veux cacher, mais j'utilise un générateur de sites web, et je n'ai la main que sur le corps de la page, donc ça ne va pas.
La méthode du textarea.select() m'intéresse donc, mais après, comment l'imprimer ? Voilà ce que j'ai essayé mais qui ne marche pas (OK, c'est pas un textarea.select que je fais...) :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script language="JavaScript">
function selectText(){
document.myForm.myTextArea.print();
}
  </script>
<form name="myForm">
  <textarea name="myTextArea" rows="6" cols="50">...  </textarea><input value="Click to Print Text"
 name="myButton" onclick="selectText()" type="button">
</form>

**Loceka** · 18/02/2011, 10h40

En javascript tu devrais avoir la main sur tout (sauf avec des iframes).

Tu peux "simplement" récupérer le contenu qui t'interesse dans ton textarea, le mettre dans un div et n'afficher que ce div lors de l'impression.

**laurentSc** · 18/02/2011, 11h15

Le problème, c'est que je ne pourrais mettre le reste aussi dans un div et lui appliquer un display:none... Donc, je ne vois pas comment appliquer cette idée.

**Loceka** · 18/02/2011, 12h06

Alors je vois deux solutions (mais y'en a probablement d'autres - plus jolies d'ailleurs) :

Créer une page utilisée uniquement lors de l'impression que tu ouvriras en pop-up et à laquelle tu transmettras les éléments à imprimer. (Le fait de cliquer sur le bouton "imprimer" valide un formulaire sur ta page actuelle contenant l'ensemble des infos à imprimer qui renvoie la page d'impression)
Récupérer tous les éléments (childNodes) contenus dans body, créer un div, les ajouter dans ce div (appendChild), supprimer ces éléments du body, lui ajouter le div et mettre le div en display:none.

**Bovino** · 18/02/2011, 12h24

Envoyé par laurentSc

J'avais déjà pensé à mettre chaque élément dans un div avec des identifiants, et d'affecter via un print.css la propriété display:none à ce que je veux cacher, mais j'utilise un générateur de sites web, et je n'ai la main que sur le corps de la page, donc ça ne va pas.

Code :

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

1
2
3
4
5
6
var cssPrint = document.createElement('link');
cssPrint.type = 'text/css';
cssPrint.rel = 'stylesheet';
cssPrint.media = 'print';
cssPrint.href = 'print.css';
document.getElementsByTagName('head')[0].appendChild(cssPrint);

**Willpower** · 18/02/2011, 16h44

Envoyé par Bovino

Code :

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

1
2
3
4
5
6
var cssPrint = document.createElement('link');
cssPrint.type = 'text/css';
cssPrint.rel = 'stylesheet';
cssPrint.media = 'print';
cssPrint.href = 'print.css';
document.getElementsByTagName('head')[0].appendChild(cssPrint);