Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

printing an image from url in a div in modal popup

$
0
0

Hello friends,

I have a gridview linked to sql server and I can download image into gridview. I then use a ajax modal popup tied to the image to show another image.  I want to to only print this image in the modal popup using <div>. I can do this if I use the root directory to store the image but not when I access the outside directory.  The connection is good. I have test thoroughly.  Please if some one can help, I will most appreciate.

Here is my code:

 

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="panel.aspx.cs" Inherits="popupimagefromgridview.panel" %>

 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript" >
    function PrintDivData(crtlid) {
        var ctrlcontent = document.getElementById(crtlid);
        var printscreen = window.open('', '', 'left=1,top=1,width=100,height=100,toolbar=0,scrollbars=both,status=0');
        printscreen.document.write(document.getElementById('dvContent').innerHTML);
        printscreen.document.close();
        //printscreen.focus();
        //printscreen.print();
        //printscreen.close();
    }
  </script> 
 
    <style type="text/css">
        a img
      {
        border: none;
      }

        .modalBackground 
{ 
    background-color:black; 
    filter: alpha(opacity=70); 
    opacity: 0.7;       
} 
    </style>
    
</asp:Content>
 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
          <asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
        AllowSorting="True" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" 
        DataKeyNames="ID">
        <Columns>
             <asp:BoundField DataField="Business" HeaderText="Business" 
                SortExpression="Business" />
             <asp:TemplateField><ItemTemplate>
                <asp:Image ID="imageHyperLink" runat="server" ImageUrl='<%#Bind("ImgLnk")%>' />
                <cc1:modalpopupextender id="ModalPopupExtender1" runat="server" 
	cancelcontrolid="Button3" 
	targetcontrolid="imageHyperLink" popupcontrolid="Panel1" 
	popupdraghandlecontrolid="PopupHeader" drag="true" 
	backgroundcssclass="modalBackground">
</cc1:modalpopupextender>
 <asp:Panel ID="Panel1" runat="server" CssClass="modalBackground" >
                                             
              <table width="800px" border="1px" bgcolor="white">
            <tr><td>
            <div id="dvContent">
            <!-- <asp:Image ID="image1" runat="server" ImageUrl="~/Images/minnie600.jpg" /> This works...below does not-->
           
          <asp:Image ID="imageHyperLink1" runat="server" ImageUrl='<%#Bind("ImgLnk")%>' />
           </div>
         </td></tr>  
        <tr>
          <td bgcolor="White" width="300">
           <input id="Button4" type="button" name="Print" value="Print" onclick="javascript:PrintDivData('dvContent');" Runat="Server" />
           <input type="button" id="Button3" runat="server" click="close" value="Close" /></td>
       </tr>
          </table>    
           </asp:Panel> 
           
           </ItemTemplate></asp:TemplateField>
          
             
                       

</Columns>
      
              </asp:GridView>    

Thank you for the Help!


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>