Print Div content only without losing other functionality

Question

I have a page where I have to print only div content, this content is dynamic and will vary based on drop downvalue. Now, i want to print this content, I was able to do it successfully using

function printDiv(divId){
    var orginalPage= document.body.innerHTML;
    var printDiv= document.getElementById(divId).innerHTML;
    document.body.innerHTML = printDiv;
    window.print();
    document.body.innerHTML = orginalPage;
}

but my problem is, when I am done printing the div and get back to actual page the dropdown value is getting reseting to default value. I want the value to be same as value which was selected before printing div.. for example I selected "xyz" from dropdown then after printing my div content I want xyz to be selected by default.

I will be iterating a list for this dropdown options. something like this

<select id="reason" >
<logic:iterate id="hs" name="hslist" type="hsData">
<option value="">select a reason </option>
<option value="<bean write name='hs' property='hsReasonId'/>">
<bean write name="hs" property="hsReasonDesc"/></option>
</logic>
</select>

Can someone help in fixing this...

Can you elaborate .... any code snippet is greatly appreciated — reddy reddy, Sep 29 '16 at 01:47
so your saying to keep body of page in new hidden div and print the required div? — reddy reddy, Sep 29 '16 at 02:10
possible duplicate of http://stackoverflow.com/questions/2255291/print-the-contents-of-a-div — Scary Wombat, Sep 29 '16 at 02:19
I tired that way but when I print div the content is not aligning properly it looks total mess... — reddy reddy, Sep 29 '16 at 02:25

score 0 · Answer 1 · answered Sep 29 '16 at 02:03

0

You can use the selected attribute for select element to set the default value

answered Sep 29 '16 at 02:03

velen

164
1
4

I want value to be, the value which user selected before printing the div...can I do that using selected attribute? – reddy reddy Sep 29 '16 at 02:12

Pradyut Manna · Answer 2 · 2016-09-29T02:22:14.520

0

You can solve with a small change.for that you want to open an extra window and assign the html in the window that you want to print.

function printDiv(divId){
var printDiv= document.getElementById(divId).innerHTML;
var myWindow = window.open("", "", "width=800,height=500");
myWindow.document.write(printDiv);
myWindow.print();
}

edited Sep 29 '16 at 02:22

answered Sep 29 '16 at 02:14

Pradyut Manna

588
1
3
12

duplicate of http://stackoverflow.com/questions/2255291/print-the-contents-of-a-div – Scary Wombat Sep 29 '16 at 02:26
however, it just opens the new window but it doesn't print afterall – Ryuujo Jan 16 '19 at 04:11

score -1 · Answer 3 · answered Sep 29 '16 at 01:54

-1

As you are assigning the innerHTML back to the body the value you selcted is earlier is lost. Try printing the innerHTML of body first. I think you will be able to figure out why your drop down is not populated back.

answered Sep 29 '16 at 01:54

Ganesh Hegde

31
4

Please explain how you print part of the html – Scary Wombat Sep 29 '16 at 02:02
Try this in your code. var printBody=document.body.innerHTML;winow.print(printBody); – Ganesh Hegde Sep 30 '16 at 02:04

Print Div content only without losing other functionality

3 Answers3