Unable to display image using javascript

Question

net code as follows

<asp:Image runat="server" ID="img1" ImageUrl="~/Images/important.gif" />
    <asp:Button ID="btn" runat="server" Text="print" />

and my javascript is as follows

<script type="text/javascript">
    function printIt() {
        var win = window.open('', 'Image', 'resizable=yes,...');
        if (win) {
            //var imgID = '<%= img1.ClientID %>';
            var imageControl = document.getElementById('<%=img1.ClientID%>').src;
            win.document.write(imageControl);
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>

// updated code as per vitoshabg answer

<script type="text/javascript">
    function printIt() {
        var win = window.open('', 'Image', 'resizable=yes,...');
        if (win) {
            //var imgID = '<%= img1.ClientID %>';
            var imageControl = document.getElementById('<%=img1.ClientID%>').src;
            win.write('<img src="' + imageControl + '">');
            //win.write(imgParent);
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>

But instead of the image I am getting the url can some one help me to get the image here

vitoshabg · Accepted Answer · 2012-11-27 14:15:01Z

1

var imageControl = document.getElementById('<%=img1.ClientID%>').src;

Here you get the 'src' attribute of the element returned by getElementById.

You can create the new image with

win.document.write('<img src="' + imageControl + '">');

edited Nov 27, 2012 at 14:15

answered Nov 27, 2012 at 13:53

vitoshabg

264 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Developer Over a year ago

No luck for this too empty space is getting instead of image

vitoshabg Over a year ago

You have to keep this imageControl = document.getElementById('<%=img1.ClientID%>').src;.

Developer Over a year ago

Thanks I missed this win.document.write

Developer Over a year ago

Yeah instead document.write('<img src="' + imageControl + '">'); we have to use win.document.write('<img src="' + imageControl + '">');

Fiona - myaccessible.website · Accepted Answer · 2012-11-27 13:46:56Z

0

You are getting the URL because you have .src on the end of this line:

var imageControl = document.getElementById('<%=img1.ClientID%>').src;

Change it to this to get the image control:

var imageControl = document.getElementById('<%=img1.ClientID%>');

answered Nov 27, 2012 at 13:46

Fiona - myaccessible.website

15k17 gold badges85 silver badges118 bronze badges

1 Comment

Developer Over a year ago

I tried this too but this is just giving as follows [object HTMLImageElement]

Rookie Programmer Aravind · Accepted Answer · 2012-11-27 13:47:51Z

0

Bug removed ;)

<script type="text/javascript">
    function printIt() {
        var win = window.open('', 'Image', 'resizable=yes,...');
        if (win) {
            //var imgID = '<%= img1.ClientID %>';
            var imageControl = document.getElementById('<%=img1.ClientID%>');
            win.document.write(imageControl);
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>

answered Nov 27, 2012 at 13:47

Rookie Programmer Aravind

12.2k23 gold badges84 silver badges117 bronze badges

1 Comment

Developer Over a year ago

I tried this too but this is just giving as follows [object HTMLImageElement]

Collectives™ on Stack Overflow

Unable to display image using javascript

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related