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!