images.aspx

Portal C# Article Live

																		<tr>
																			<td class="Content"><asp:datagrid id=ImageGrid runat="server" OnItemCreated="ImageGrid_ItemCreated" Visible='<%# ImageArray != null &amp;&amp; ImageArray.Count > 0 %>' OnItemCommand="ImageGrid_ItemCommand" CellPadding="3" Width="98%" AutoGenerateColumns="False" GridLines="None" CssClass="bevel2">
																					<ItemStyle CssClass="body"></ItemStyle>
																					<HeaderStyle Font-Bold="True" CssClass="body"></HeaderStyle>
																					<Columns>
																						<asp:TemplateColumn>
																							<HeaderStyle></HeaderStyle>
																							<HeaderTemplate>
																								<%# ResourceHelper.GetAdminString("Name") %>
																							</HeaderTemplate>
																							<ItemTemplate>
																								<%# DataBinder.Eval(Container.DataItem, "FileName") %>
																							</ItemTemplate>
																						</asp:TemplateColumn>
																						<asp:TemplateColumn>
																							<HeaderStyle></HeaderStyle>
																							<HeaderTemplate>
																								<%# ResourceHelper.GetAdminString("FileSize") %>
																							</HeaderTemplate>
																							<ItemTemplate>
																								<%# DataBinder.Eval(Container.DataItem, "FileSize") %>
																							</ItemTemplate>
																						</asp:TemplateColumn>
																						<asp:TemplateColumn>
																							<HeaderStyle Width="100px"></HeaderStyle>
																							<ItemStyle Width="100px"></ItemStyle>
																							<HeaderTemplate>
																								<%# ResourceHelper.GetAdminString("Action") %>
																							</HeaderTemplate>
																							<ItemTemplate>
																								<asp:HyperLink runat="server" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "FileName", "javascript:viewImage(\"" + ImagesPath + "/{0}\")")%>'>
																									<%# ResourceHelper.GetAdminString("View") %>
																								</asp:HyperLink>&nbsp;
																								<asp:HyperLink runat="server" CssClass="Action" ID="InsertLink" NavigateUrl='<%#DataBinder.Eval(Container.DataItem, "FileName", "javascript:insertImage(\"" + ImagesPath + "/{0}\")")%>'>
																									<%# ResourceHelper.GetAdminString("Insert") %>
																								</asp:HyperLink>&nbsp;
																								<asp:LinkButton Runat="server" CssClass="Action" ID="DeleteButton" CommandName="Delete" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "FileName") %>'>
																									<%# ResourceHelper.GetAdminString("Delete") %>
																								</asp:LinkButton>
																							</ItemTemplate>
																						</asp:TemplateColumn>
																					</Columns>
																				</asp:datagrid>
																				<asp:PlaceHolder Runat=server Visible='<%# ImageArray == null || ImageArray.Count == 0 %>' id=PlaceHolder1>
																					<%= ResourceHelper.GetAdminString("NoImages") %>
																				</asp:PlaceHolder>
																			</td>
																		</tr>
																		<tr>
																			<td class="ClearGap"></td>
																		</tr>
																		<tr>
																			<td class="ClearGap"></td>
																		</tr>
																	</table>
																</td>
															</tr>
															<asp:placeholder id="WebImage" runat="server">
																<TR>
																	<TD>
																		<TABLE class="Panel" id="Table5" cellSpacing="0" cellPadding="0" width="100%" border="0">
																			<TR>
																				<TD class="Heading2" colSpan="2"><%= ResourceHelper.GetAdminString("ExternalImage") %></TD>
																			</TR>
																			<TR>
																				<TD noWrap width="1%"><%= ResourceHelper.GetAdminString("ExternalImageLabel")%></TD>
																				<TD><INPUT class="Field" id="externalImage" style="WIDTH: 200px" type="text" value="http://"
																						name="externalImage">&nbsp; <INPUT class="FormButton" id="insertExternal" onclick="insertImage(document.getElementById('externalImage').value)"
																						type="button" value="Insert" name="insertExternal">
																				</TD>
																			</TR>
																			<TR>
																				<TD class="ClearGap" colSpan="2"></TD>
																			</TR>
																			<TR>
																				<TD class="ClearGap" colSpan="2"></TD>
																			</TR>
																		</TABLE>
																	</TD>
																</TR>
															</asp:placeholder><asp:placeholder id="UploadImage" Runat="server">
																<TR>
																	<TD>
																		<TABLE class="Panel" id="Table4" cellSpacing="0" cellPadding="0" width="100%" border="0">
																			<TR>
																				<TD class="Heading2" colSpan="2"><%= ResourceHelper.GetAdminString("Upload Images") %></TD>
																			</TR>
																			<TR>
																				<TD><INPUT class="Field" id="UploadFile1" type="file" accept="image/*" name="UploadFile1" runat="server">
																					<BR>
																					<INPUT class="Field" id="UploadFile2" type="file" accept="image/*" name="UploadFile2" runat="server">
																					<BR>
																					<INPUT class="Field" id="UploadFile3" type="file" accept="image/*" name="UploadFile3" runat="server">
																					<BR>
																					<BR>
																					<asp:button id="btnUpload" onclick="btnUpload_Click" runat="server" CssClass="FormButton" Text="Upload"></asp:button></TD>
																				<TD vAlign="top"><INPUT class="Field" id="UploadFile4" type="file" accept="image/*" name="UploadFile4" runat="server">
																					<BR>
																					<INPUT class="Field" id="UploadFile5" type="file" accept="image/*" name="UploadFile5" runat="server">
																					<BR>
																					<INPUT class="Field" id="UploadFile6" type="file" accept="image/*" name="UploadFile6" runat="server">
																				</TD>
																			</TR>
																			<TR>
																				<TD class="ClearGap" colSpan="2"></TD>
																			<TR>
																				<TD class="ClearGap" colSpan="2"></TD>
																			</TR>
																</TR></table>
												</td>
											</tr>
										</asp:placeholder></table>
									</div> 
									<!-- START PAGE FOOTER -->
								</td>
							</tr>
							</TBODY></table>
					</td>
					<td width="1" height="11" style="BACKGROUND-COLOR: black"></td>
				</tr>
			</table>
			<br>
			<!-- 100% Height Table -->
			</td></tr><tr>
				<td valign="bottom">
					<!-- Do not delete -->
					<table width="97%" align="center" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="10" height="11"><img src="../Images/Layout/Layout_lcb.gif" width="10" height="11"></td>
							<td background="../Images/Layout/Layout_bbg.gif" height="11"><font size="1"><img src="Images/1x1.gif" width="1" height="1"></font></td>
							<td width="10" height="11"><img src="../Images/Layout/Layout_rcb.gif" width="10" height="11"></td>
						</tr>
					</table>
					<br>
					<!-- 100% Height Table -->
				</td>
			</tr>
			</table> 
			<!-- Do not delete -->
			<!-- END PAGE FOOTER -->
			<script language="JavaScript" defer>
window.onload = this.focus;

<%= imageArr %>

function viewImage(imgSrc)
{
	var sWidth =  screen.availWidth;
	var sHeight = screen.availHeight;
	
	window.open('<%=(this.Page.Request.ServerVariables["HTTPS"]=="ON")?"https":"http"%>://<%=this.Page.Request.ServerVariables["server_name"]%>/'+imgSrc, 'image', 'width=700, height=500,left='+(sWidth/2-350)+',top='+(sHeight/2-500));
}

function grey(tr) {
		tr.className = 'b4';
}

function ungrey(tr) {
		tr.className = '';
}

/*function insertImage(imgSrc) {
	error = 0

	var sel = window.opener.foo.document.selection;
	if (sel!=null) {
		var rng = sel.createRange();
   	if (rng!=null) {
			HTMLTextField = '<img src="<% =Request.QueryString["pt"] == "1" ? BaseUrl : String.Empty %>'+imgSrc+'">';
			rng.pasteHTML(HTMLTextField)
		} // End if
	} // End If

	if (error != 1) {
		window.opener.foo.focus();
		self.close();
	}
} // End function*/

function insertImage(imgSrc) {
	if (window.opener.browser.IE) {
		var sel = window.opener.foo.document.selection;
		if (sel!=null) {
			var rng = sel.createRange();
		if (rng!=null) {
				HTMLTextField = '<img src="'+imgSrc+'">';
				rng.pasteHTML(HTMLTextField)
			} // End if
		} // End If

		window.opener.foo.focus();
		self.close();
	} else {
		window.opener.getIFrameDocument('foo').execCommand('InsertImage', false, imgSrc);
		self.close();
	}
} // End function

function CheckFileNameTaken(fileName)
{
	//if (imageArr != '')
	//{		
		for (i = 0; i < imageArr.length; i++)
		{
			if (imageArr[i] == fileName)
			{
				return false;
			}
		}
	//}
	return true;
}

function CheckFileType(value)
{
	var gifRegex = /\.gif$/
	var jpgRegex = /\.jpg$/
	var pngRegex = /\.png$/
	var jpegRegex = /\.jpeg$/
	if (value.toLowerCase().match(gifRegex))
		return true;
	else if (value.toLowerCase().match(jpgRegex))
		return true;
	else if (value.toLowerCase().match(pngRegex))
		return true;
	else if (value.toLowerCase().match(jpegRegex))
		return true;
	else
		return false;
}

function CheckUploadForm()
{
	var empty = true;

	var i;
	for (i = 1; i <= 6; i++)
	{
		var upload = "UploadFile" + i;
		var fileName = document.getElementById(upload).value.replace(/^.*\\/, "");
		
		if (fileName.length > 0)
		{
			empty = false;

			if (!CheckFileType(fileName))
			{
				alert('<%= Util.SimpleEscape(ResourceHelper.GetAdminString("ImageInvalid"), false) %>'.replace('{0}', fileName));
				document.getElementById(upload).focus();
				document.getElementById(upload).select();
				return false;
			}
			
			if (!CheckFileNameTaken(fileName))
			{
				alert('<%= Util.SimpleEscape(ResourceHelper.GetAdminString("FileNameTaken"), false) %>'.replace('{0}', fileName));
				document.getElementById(upload).focus();
				document.getElementById(upload).select();
				return false;
			}
		}
	}
	
	if (empty)
	{
		alert('<%= Util.SimpleEscape(ResourceHelper.GetAdminString("UploadFileRequired")) %>');
		return false;
	}
}

if (document.getElementById("<%= btnUpload.ClientID %>") != null)
{
	document.getElementById("<%= btnUpload.ClientID %>").onclick = CheckUploadForm;
}

			</script>
		</form>
	</body>
</HTML>