Imprimer le contenu d'une DIV

Marsh Posté le 13-02-2007 à 13:29:41

Bonjour,

Malgré mes recherches sur le net, et la création d'une feuille de style CSS print.css, je ne parviens pas à imprimer le contenu d'un div.

Je m'explique...
J'ai une page, composée de 3 DIV :

---------------------------
| DIV_BANNIERE |
---------------------------
| DIV_MENU |
---------------------------
| DIV_TABLEAU |
| |
| |
---------------------------

Je souhaite imprimer uniquement le contenu du tableau, mais la hauteur du DIV correspondant est fixe : une scrollbar permet d'afficher la suite du texte.

J'ai créé un fichier print.css, contenant ceci :

Code :

/* début de la Partie a ne PAS imprimer */
#menu{
display:none;
}
#banniere{
display:none;
}
/* fin de la Partie a ne PAS imprimer */
/* début de la Partie a imprimer */
#tableau{
background-color:#FFFFFF;
display:block;
clip:auto;
overflow:visible;
}
/* fin de la Partie a imprimer */

J'ai donc ajouté la ligne suivante, dans ma page HTML :

Code :

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Enfin, la procédure d'impression doit être lancée lors du clic sur un bouton "Imprimer" figurant dans le menu :

Code :

<input type = 'button' style='width: 200px;' value = 'Imprimer le tableau actuel' onclick="javascript:window.print()"/>

Mais l'impression ne fonctionne pas, la page entière s'imprime (bannière, menu et tableau).
D'autre part, seule la partie du tableau visible sur la page est imprimée.

Grand merci par avance à ceux qui prendront le temps de m'aider,
Alex

Reply

Marsh Posté le 13-02-2007 à 13:29:41

Reply

Marsh Posté le 13-09-2007 à 13:54:50

Bonjour,

le fait que tu utilises la fonction print() en passant par window imprime toute la page ouverte dans ton navigateur.

Je recherche la même chose que toi. J'ai essayé plusieurs choses mais à chaque fois ... c'est en vain.

Si quelqu'un a une idée?

Reply

Marsh Posté le 13-09-2007 à 14:03:14

j'imagine que tu as un autre css non print, ne l'aurais tu pas déclaré en media all?

Message édité par anapajari le 13-09-2007 à 14:04:21

Reply

Marsh Posté le 13-09-2007 à 17:43:01

Parce qu'il suffit de déclarer ce que tu veux en cachant ce que tu veux pas pour l'impression :spamafote:

Reply

Imprimer le contenu d'une DIV

Sujets relatifs:

Leave a Replay