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 »
   

   <script>
   function imprimer(divName) {
         var printContents = document.getElementById(divName).innerHTML;    
      var originalContents = document.body.innerHTML;      
      document.body.innerHTML = printContents;     
      window.print();     
      document.body.innerHTML = originalContents;
      }
   </script>

   function imprimer

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

   – Bouton HTML

   <button onClick="imprimer('sectionAimprimer')">Imprimer</button>

   Bouton imprimer

   Lien HTML

   <a href="#" onClick="imprimer('sectionAimprimer')">Imprimer</a>

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

   <div id='sectionAimprimer'>
   Résultat MySQL ou tableau HTML à imprimer
   </div>

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