Issue
So, lets say I got a simple form inside a page like this:
<form style="text-align:center;">
<p> STUFF </p>
</form>
I wanna add a button so when the user clicks on it the browser's Print dialog shows up, how can I do that?
Edit: I wanna print the form, not the page.
Solution
Print the whole page
Try adding a button that calls window.print()
<input type="button" value="Print this page" onClick="window.print()">
Print a specific portion/container in a page
<div id="print-content">
<form>
<input type="button" onclick="printDiv('print-content')" value="print a div!"/>
</form>
</div>
then in the HTML file, add this script code
<script type="text/javascript">
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
w=window.open();
w.document.write(printContents);
w.print();
w.close();
}
</script>
Refer Print <div id="printarea"></div> only?
Answered By - Murali Murugesan Answer Checked By - Timothy Miller (PHPFixing Admin)
0 Comments:
Post a Comment
Note: Only a member of this blog may post a comment.