Bonjour à tous,

voilà mon problème:
j'ai dans ma page html un tableau, contenu dans un div. Et ce que je veux faire c'est en cliquant sur un bouton pouvoir imprimer le contenu du tableau et seulement ca.

Voilà ma démarche jusqu'à maintenant:

J'ai tout d'abord créé un fichier css déstiné à donner le style de la feuille à imprilmer:

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
23
24
25
 
/*  zones à ne pas imprimer  */
#tete_de_page
{display:none;}
 
#pied_de_page
{display:none;}
/*  fin de la zone à ne pas imprimer  */
 
body 
{background: white;}
 
 /*  début du tableau à imprimer  */
#tableau
{
        display:block;
	clip:auto;
	overflow:visible;
	margin: 0 5%;
	padding: 0;
	border: 0;
	float: none !important;
	background: transparent;
}
/*  fin du tableau à imprimer  */
J'ai ensuite dans ma page html créé un lien vers la feuille css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<link rel="stylesheet" type="text/css" media="print" href="../css/print.css"></link>
Et enfin j'ai créé le bouton d'appel à impression:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<input type='button' value='Imprimer le tableau' id='print' onclick='javascript:window.print()' style='position:absolute; top: 585px; left: 400px;'/>
Le problème c'est que dès que je clic sur le lien, il imprime toute la page et pas seulement le tableau.
L'autre problème c'est qu'il n'imprime que la partie visible du tableau (il y a une barre de défilement).

J'aimerais trouver un moyen en javascript pour qu'il n'imprime que le tableau et toutes les pages (pas seulement ce qu'il es visible).

Avez vous des pistes pour ca?

Merci