Imprimer un tableau HTML

Version imprimable

27/11/2013, 13h40
houssem86

Imprimer un tableau HTML

Bonjour,

Je voudrai créer un bouton qui imprime un tableau HTML dans ma page php. La fonction javascript window.print(); ne répond pas à mon besoin car elle imprime toute la page.

Suite à des recherches sur le net, j'ai vu qu'il y a comme solution soit javascript soit css. Je voudrai la solution javascript mais je ne trouve pas ! Veuilliez éclairsir ma lanterne :?
27/11/2013, 13h42
SpaceFrog

un tableau n'existe pas en php ...

php ne fait que générer le code html de ton table et ensuite l'envoie au navigateur. le table n'existe que coté client sur le navigateur donc en html...

pour ce qui est de n'imprimer que le tableau ... regade plutot du cote de css et media print
27/11/2013, 13h50
SylvainPV

Soit passer par une feuille de style avec media="print", soit ouvrir une nouvelle page ne contenant que le tableau désiré avec un window.print() au onload.
27/11/2013, 13h54
houssem86

la solution d'ouvrir une nouvelle page me convient le mieux. comment faire pour envoyer le tableau html vers cette nouvelle page ?!
27/11/2013, 13h58
SylvainPV

De la même façon que pour la première page :?

bon j'ai trouvé cette solution sur le net et ça fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
 var Printer=new Object();
    Printer.print=function (HTML) { 
        var win = window.open(location,null,null)
        win.blur(); window.focus(); 
        win.document.title="Apercu de l'impression en cours";
        win.document.write("<html><head><title>"+document.title+"</title></head><body>" + HTML +"</body></html>")
        win.print();
        win.close();
    }
    window.top.Printer=Printer;

j'ai mis mon tableau mon ma div qui s'appelle "'tableau".

Code:

Printer.print(document.getElementById('tableau').innerHTML);