it-swarm.com.de

Wie kann ich eine Schaltfläche zum Drucken einfügen, mit der ein Formular auf einer Webseite gedruckt wird

Nehmen wir an, ich habe ein einfaches Formular auf einer Seite wie folgt: 

<form style="text-align:center;">
    <p> STUFF </p>
</form>

Ich möchte eine Schaltfläche hinzufügen. Wenn der Benutzer darauf klickt, wird der Dialog Drucken des Browsers angezeigt. Wie kann ich das tun? 

Bearbeiten: Ich möchte das Formular drucken, nicht die Seite.

15
user2962142

Ganze Seite drucken

Versuchen Sie, eine Schaltfläche hinzuzufügen, die window.print() aufruft.

<input type="button" value="Print this page" onClick="window.print()">

Einen bestimmten Teil/Container auf einer Seite drucken

<div id="print-content">
 <form>

  <input type="button" onclick="printDiv('print-content')" value="print a div!"/>
</form>
</div>

dann fügen Sie in der HTML-Datei diesen Skriptcode hinzu

<script type="text/javascript">
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        w=window.open();
        w.document.write(printContents);
        w.print();
        w.close();
    }

Nur Print <div id = "printarea"> </ div> nur?

30

Um mit der Schaltfläche "Senden" zu drucken, fügen Sie Folgendes zu Ihrem Gipfelskript hinzu:

<input type="button" value="Print this page" onClick="window.print()">

Beachten Sie, dass dies nur den implementierten Browser auslöst print Funktionen sind auf dem Client verfügbar.

2
Vin

Was Sie brauchen, ist die window.print():

<form style="text-align:center;">

  <p> STUFF </p>

  <a href="#" id="lnkPrint">Print</a>
</form>

Javascript: 

$( document ).ready(function() {
    $('#lnkPrint').click(function()
     {
         window.print();
     });
});
2