convert a part of web page into pdf/image format and print in asp.net

Question

0.00/5 (No votes)

See more:

Hi,

I want to print a portion of webpage. I'm using the following javascript function to print:

XML

<script language="javascript">
         function PrintPartOfTheWebPage()
         {   
            var prtContent = document.getElementById("print");
            var windowUrl = 'about:blank';
             
            var WinPrint =  window.open('','','letf=0,top=0,width=212,height=337,location=top,scrollbars=0,status=0');
            WinPrint.document.write(prtContent.innerHTML);
            WinPrint.document.close();
            WinPrint.focus();
            WinPrint.print();
            WinPrint.close();
            prtContent.innerHTML = "";
          }
        </script>

I want to print it in the top left corner without any margins or header&footer. Also, while printing background color is not coming in the printout.

So can I convert the div portion into an image or pdf format and send to printer?
How can I do it?

Thank you.

Posted 11-Sep-12 19:08pm

Zukiari

Add a Solution

Comments

Karwa_Vivek 12-Sep-12 2:07am

Why dont you Use CSS to Achieve this

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

_Amy · Answer 1 · 2012-09-11T19:19:00

Solution 1

Hi,
Here you go with similar discussion & articles.
Printing a PDF from a web page[^]
http://stackoverflow.com/questions/1686280/convert-html-having-javascript-to-pdf-using-java-javascript[^]

Hope it helps.
--Amit

Posted 11-Sep-12 19:19pm

_Amy

Karwa_Vivek · Answer 2 · 2012-09-11T20:15:00

try like this

function PrintContent() {
    var DocumentContainer = document.getElementById('divPrint');
    var WindowObject = window.open('', 'PrintWindow', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes');
    var strHtml = "<html>\n<head>\n<link rel=\"stylesheet\" type=\"text/css\"  href=\"print.css\">\n</head><body><h4>\n<div style=\"testStyle \">\n" + DocumentContainer.innerHTML + "\n</div>\n</body>\n</html>";
    WindowObject.document.writeln(strHtml);
    WindowObject.document.close();
    WindowObject.focus();
    //WindowObject.print();
    // WindowObject.close();
    }

where print.css is the stylesheet containing your style for the page.Modify your stylesheet accordingly
Try this