Bonjour, Aujourd’hui nous allons voir comment imprimer une portion de page en JavaScript.

Alors supposons que nous avions effectuer une recherche depuis une Base de données MySQL, ensuite PHP nous a affiché le résultat suivant:

Qu’est-ce que nous voulons faire ?
Nous voulons imprimer ou exporter en PDF le résultat de notre recherche (encadré en rouge).
Voila comment faire:

1. Créer une fonction en JavaScript qu’on va appeler « imprimer »
   [pastacode lang= »javascript » manual= »%3Cscript%3E%0Afunction%20imprimer(divName)%20%7B%0A%20%20%20%20%20%20var%20printContents%20%3D%20document.getElementById(divName).innerHTML%3B%20%20%20%20%0A%20%20%20var%20originalContents%20%3D%20document.body.innerHTML%3B%20%20%20%20%20%20%0A%20%20%20document.body.innerHTML%20%3D%20printContents%3B%20%20%20%20%20%0A%20%20%20window.print()%3B%20%20%20%20%20%0A%20%20%20document.body.innerHTML%20%3D%20originalContents%3B%0A%20%20%20%7D%0A%3C%2Fscript%3E » message= »function imprimer » highlight= » » provider= »manual »/]

   2. Créer un bouton ou un lien sur lequel l’utilisateur va cliquer pour imprimer

   – Bouton HTML

   [pastacode lang= »markup » manual= »%3Cbutton%20onClick%3D%22imprimer(‘sectionAimprimer’)%22%3EImprimer%3C%2Fbutton%3E » message= »Bouton imprimer » highlight= » » provider= »manual »/]

   Lien HTML

   [pastacode lang= »markup » manual= »%3Ca%20href%3D%22%23%22%20onClick%3D%22imprimer(‘sectionAimprimer’)%22%3EImprimer%3C%2Fa%3E » message= » » highlight= » » provider= »manual »/]

   3. Créer maintenant un DIV qui aura pour ID ‘sectionAimprimer’. Dans ce DIV, vous devriez afficher le résultat à imprimer.

   [pastacode lang= »markup » manual= »%3Cdiv%20id%3D’sectionAimprimer’%3E%0AR%C3%A9sultat%20MySQL%20ou%20tableau%20HTML%20%C3%A0%20imprimer%0A%3C%2Fdiv%3E » message= » » highlight= » » provider= »manual »/]

   Et voila, le tout est fait.
   N’hésitez pas à poster vos commentaires ou suggestions.