2013-11-20 7 views
13

So, powiedzmy, że mam prosty formularz wewnątrz strony tak:Jak mogę wstawić przycisk Drukuj, który drukuje formularz na stronie internetowej

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

I Chcesz dodać przycisk tak, gdy użytkownik kliknie pojawia się okno dialogowe drukowania przeglądarki, jak mogę to zrobić?

Edytuj: Chcę wydrukować formularz, a nie stronę.

+0

Czy chcesz wydrukować tylko formularz, czy całą stronę? –

+0

Przepraszam, zapomniałem o tym wspomnieć, chcę wydrukować formularz. – user2962142

+0

To nie ma nic wspólnego z asp.net mvc. – ataravati

Odpowiedz

21

Drukuj cała strona

Spróbuj dodać przycisk, który wywołuje window.print()

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

wydrukować specyficzna część/pojemnik na stronie

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

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

następnie w HTML plików dodatek ten kod skryptu

<script type="text/javascript"> 

function printDiv(divName) { 

var printContents = document.getElementById(divName).innerHTML; 
w=window.open(); 
w.document.write(printContents); 
w.print(); 
w.close(); 
} 

informacji podano Print <div id=printarea></div> only?

+0

gdzie im przypisać funkcję? – user2962142

+0

@ user2962142 na stronie HTML. Zaktualizowałem moją odpowiedź –

+0

@ user2962142, zaktualizowałem strukturę HTML –

2

Co trzeba jest 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(); 
    }); 
}); 
+0

stworzyłem javascript i umieściłem kod i dodałem , ale nic się nie dzieje, gdy go klikam. – user2962142

+0

To jest użycie jQuery. Czy zawierasz jQuery? –

+0

Połączyłem jsFiddle, aby pokazać, że działa. Zauważ, jak to jest, włączając jQuery 1.8.3: http://jsfiddle.net/LP8VJ/ –

2

Aby drukować z przycisku Prześlij, dodać to do szczytu skrypt:

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

Pamiętaj, że to wywoła tylko cokolwiek przeglądarka realizowane print możliwości są dostępne na kliencie.

+0

proszę sprawdzić to [URL] (http://stackoverflow.com/help), aby podnieść jakość swoich treści –