Comment imprimer une Section de votre page avec JavaScript

Par défaut

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.