Value cannot be null. Parameter name: control - asp.net

<cc1:ConfirmButtonExtender DisplayModalPopupID="ModalPopupExtender4" ID="ConfirmButtonExtender4"
runat="server" TargetControlID="lnkremoveloc" Enabled="False" OnClientCancel="RemoveLocations">
</cc1:ConfirmButtonExtender>
<cc1:ModalPopupExtender ID="ModalPopupExtender4" OkControlID="btnDisable" CancelControlID="btnCancel"
BackgroundCssClass="modalBackground" PopupControlID="pnlRemove" TargetControlID="lnkremoveloc"
runat="server">
</cc1:ModalPopupExtender>
<asp:Panel CssClass="modalPopup" ID="PnlRemove" runat="server">
<!-- Common Popup Control Begin -->
<table class="tblCommonPopup" width="400" cellpadding="0" cellspacing="0">
<tr>
<td class="topLeft">
</td>
<td class="topMiddle">
</td>
<td class= "topRight">
</td>
</tr>
<tr>
<td colspan="5" class="middle" align="center">
<!-- Content Area Begin -->
<table>
<tr>
<td colspan="1" style="padding-top: 10px;" title="Select">
</td>
<td colspan="4" style="padding-top: 10px;" title="Location Name">
</td>
</tr>
<tr>
<td align="center" colspan="5">
<input id="btnDisable" type="button" value="Disable" class="popupButton" />
<input id="Cancel" type="button" value="Cancel" class="popupButton" />
</td>
</tr>
</table>
<!-- Content Area Ends -->
</td>
</tr>
<tr>
<td class="bottomLeft">
</td>
<td class="bottomMiddle">
</td>
<td class="bottomRight">
</td>
</tr>
</table>
<!-- Common Popup Control End -->
</asp:Panel>

That error means that there's a Dependency Property that has a null value where one is not allowed. Unfortunately you only pasted partial code so I can't tell which property it is - please paste the full code of your control.

Related

Asp: Wrap image inside a Table

what I'm trying to do is create a marque of images going up to down
Here is my code
<table>
<tr>
<td></td>
<td style="table-layout:fixed;border-collapse:collapse;">
<marquee direction="down">
<table >
<tr>
<td>
<img src="../Advertise/Add1.jpg" />
</td>
</tr>
<tr>
<td>
<img src="../Advertise/Add2.jpg" />
</td>
</tr>
<tr>
<td>
<img src="../Advertise/Add3.jpg" />
</td>
</tr>
</table></marquee>
<td/>
</tr>
</table>
Add1,Add2,Add3 are inside a folder
Now the problem is the size of the image was same as it is actually
i want to wrap it according to the size of my <td>
please give me suggestions how to do it
thanks in advance.
set height and width to 100% as mentioned below :
<img src="../Advertise/Add1.jpg" style="height:100%;width:100%" />
HTML:
<table>
<tr>
<td></td>
<td style="table-layout: fixed; border-collapse: collapse;">
<marquee direction="down">
<table>
<tr>
<td>
<img src="../Advertise/Add1.jpg" style="height: 100%;width: 100%" />
</td>
</tr>
<tr>
<td>
<img src="../Advertise/Add2.jpg" style="height: 100%;width: 100%" />
</td>
</tr>
<tr>
<td>
<img src="../Advertise/Add3.jpg" style="height: 100%;width: 100%" />
</td>
</tr>
</table>
</marquee>
</td>
</tr>
</table>

how to use the img tag

i am a student working in an simple application and i do not know how to use the img tag and i have tryed one such code but while executing the code the image is not showing plz see the code and help me to saw what is the wrong in the code.
code is:
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<table border="0" align="center" cellpadding="0" cellspacing="0" style="width: 100%;
height: 100%;">
<tr style="width: 100%; height: 300px;">
<td valign="middle" align="center">
<img alt="" src="C:\Documents and Settings\temp.intern1\My Documents\My Pictures\images4.jpg" />
</td>
</tr>
<tr style="height: 65%; vertical-align: top;">
<td style="width: 90%;" align="center">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="height: 20px">
</td>
</tr>
<tr>
<td align="center" valign="middle" width="100%" style="height: 100%">
<div id="Panel1" style="background-color: #87BDEF; height: 300px; width: 600px;">
<table cellpadding="0" cellspacing="0" style="height: 400px" width="600px">
<tr>
<td>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" style="height: 200px" width="600px">
<tr>
<td align="right" style="padding-left: 5px; width: 50%;">
<asp:Label ID="lblUserName" runat="server" Text="USER NAME :"></asp:Label>
</td>
<td align="left" style="padding-left: 5px; width: 50%;">
<br />
<asp:TextBox ID="txtUserName" runat="server" Width="70%"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvUserName" ErrorMessage="Please enter Username"
ControlToValidate="txtUserName" runat="server" Width="70%" ForeColor="red" Style="margin-left: 0px;" />
</td>
</tr>
<tr>
<td>
<br />
</td>
<td>
<br />
</td>
</tr>
<tr>
<td align="right" style="width: 50%;">
<asp:Label ID="lblPassword" runat="server" Text="PASSWORD :"></asp:Label>
</td>
<td align="left" style="padding-left: 5px; width: 50%;">
<br />
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="70%"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvPassword" ErrorMessage="Please enter Password"
ControlToValidate="txtPassword" runat="server" Width="70%" ForeColor="red" Style="margin-left: 0px" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<span id="lblInValid" style="color: #C00000; font-family: Verdana; font-size: Small;">
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<table width="50%">
<tr>
<td align="left" style="padding-left: 5px; width: 50%;">
<asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" OnClick="btnSubmit_Click" />
<br />
<br />
<br />
</td>
<td align="left" style="padding-left: 5px; width: 50%;">
<asp:Button ID="btnClear" runat="server" Text="CLEAR" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<br />
</td>
<td>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="180px">
<br />
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Content>
plz some one help me on this code...,
Your image should be in the folder accessible to your web server. Try including your image into your solution file (assuming you are using Visual Studio), and use relative path, such as "/images/image4.jpg"
Go to some web site (like www.cnn.com), view source for any page and see how they set path to img tags.
You can also use ASP.Net image tag, check out MSDN for examples and usage.
The problem is that you are using an address to an image on your computer, so that will only work when you view the page from that specific computer.
You should copy the image into the web application, for example into a folder named images, then you use that address in the image tag:
<img alt="" src="images/images4.jpg" />

Table tag malforming in aspx master page

I am having a problem with a nested table on my master page, it has been working up until the latest addition I added to one of the nested pages.
In this table i have a asp:contentplaceholder in the body that I use to fill in for the rest of the pages
The table on the master page looks like:
<table class="headermaintable" frame="vSides">
<tr>
<td class="headermaintd">
<table id="MasterTableID" style="height:100%;" class="widewidth" cellpadding="7">
<tr class="headertop">
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>
<asp:ContentPlaceHolder id="MainContent" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr>
<td></td>
<td colspan="2" style="border-left:2px solid #000000;">
<a class="BlueLink" href="..." target="_blank">
<asp:Image ID="Image2" runat="server' ImageUrl="~/images/image2.gif" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
and what I have found that it is doing, is it is taking the last table row from the nested table and putting into the main table like this:
...
<td>
<asp:ContentPlaceHolder id="MainContent" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
<tr>
<td></td>
<td colspan="2" style="border-left:2px solid #000000;">
<a class="BlueLink" href="..." target="_blank">
<asp:Image ID="Image2" runat="server' ImageUrl="~/images/image2.gif" />
</a>
</td>
</tr>
</td>
</tr>
</table>
I have looked over the html in the other page and all tags are properly opened and closed. Has anyone seen anything similar to this? If you need an example from the nested page its having problems with I can add something.
Thanks to all that can offer helpful advice
<asp:Panel ID="pnlPriceDisc" runat="server" Visible="false">
<asp:DataList ID="dlQtyBreak" RepeatLayout="Table" Runat="Server" width="85%" CellPadding="1" CellSpacing="1">
<HeaderTemplate>
<tr class="style4" bgcolor="#dedede">
<td colspan="5" align="center">
<b>Current Price Breaks</b>
</td>
</tr>
<tr bgcolor="#dedede" class="style4">
<td align="center" width="20%"><b>Low</b></td>
<td align="center" width="20%"><b>High</b></td>
<td align="center" width="20%"><b>Price</b></td>
<td align="center" width="20%"><b>Sale Price</b></td>
<td align="center" width="20%"><b>Delete</b></td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="style5" bgcolor="#eeeeee">
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBLowQty" ... />
<asp:RequiredFieldValidator ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBHighQty"... />
<asp:RequiredFieldValidator ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBPrice" ../ />
<asp:RequiredFieldValidator ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBSalesPrice" ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:Button id="btnPBDelete" ... />
<asp:Label id="lblPBLinenum" ... />
</td>
</tr>
</ItemTemplate>
</asp:DataList>
<table width="85%" id="PBRowAdd" runat="server" cellpadding="1" cellspacing="1" visible="false">
<tr bgcolor="#eeeeee" class="style5">
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBLowQtyAdd" ... />
<asp:RequiredFieldValidator ... />
<asp:RegularExpressionValidator .../>
</td>
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBHighQtyAdd" ... />
<asp:RequiredFieldValidator ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBPriceAdd" ... />
<asp:RequiredFieldValidator ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:TextBox id="txtPBSalesPriceAdd" ... />
<asp:RegularExpressionValidator ... />
</td>
<td align="center" valign="middle" width="20%">
<asp:Button id="btnPBAddNew" ... />
</td>
</tr>
</table>
<br>
<table>
<tr>
<td>
<asp:Button ID="btnPBRowAdd" .../>
<asp:button id="btnPBBack" ... />
<asp:button id="btnPBUpdateQtyBreakList" ... />
</td>
</tr>
</table>
</asp:Panel>
Now in this example is the only one I have found where it causes the issue, and if I hide table "PBRowAdd" the issue goes away, but as soon as I make the table visible it causes the problem. What is it doing to cause it?
Again thanks to anyone who can offer help on the issue.

how to call asp page from html page

I got the problem while uploading the pages of html & asp.
Actually i have one html page name as index.html & other one is asp page name as ContactUsNew.aspx. There is a link in html page for a "contact Us" page. & for this link i use the code.
<td style="height: 42px">
<p class="menu01">CONTACT US</p>
</td>
When I run this application in localhost it run successfully, but when I upload these pages on ftp that time the path specified for contact us link on index.html page not switches to contactusnew.aspx page. there is path error occurred
I created the below page:
<%# Page Language="VB" AutoEventWireup="false" CodeFile="ContactUsNew.aspx.vb" Inherits="clients_excel_ContactUsNew" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Excel Informatics Pvt. Ltd. :: Careers</title>
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body >
<form id="form1" runat="server">
<table width="759" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="256">
<img src="images/main01.jpg" width="256" height="41"></td>
<td background="images/fon01.gif">
<table width="503" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270">
<a href="index.html">
<img src="images/but_home.gif" width="74" height="41" border="0"></a><img src="images/separator.gif"
width="2" height="41"><a href="ContactUs.aspx"><img src="images/but_contacts.gif"
width="96" height="41" border="0"></a><img src="images/separator.gif" width="2" height="41"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="157">
<img src="images/main_logo.gif" width="256" height="157"></td>
<td width="503">
<img src="images/main03.gif" width="503" height="157"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="759" align="center" background="images/fon_menu.gif">
<tr>
<td>
<img src="images/menu01.gif" width="3" height="42" alt="" border="0"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<p class="menu01">
HOME</p>
</td>
<td>
<img src="images/e_menu.gif" alt="" width="24" height="42" border="0" /></td>
<td>
<p class="menu01">
COMPANY</p>
</td>
<td>
<img src="images/e_menu.gif" alt="" width="24" height="42" border="0" /></td>
<td>
<p class="menu01">
SERVICES</p>
</td>
<td>
<img src="images/e_menu.gif" alt="" width="24" height="42" border="0" /></td>
<td>
<p class="menu01">
CUSTOMERS</p>
</td>
<td>
<img src="images/e_menu.gif" alt="" width="24" height="42" border="0" /></td>
<td>
<p class="menu01">
CAREERS</p>
</td>
<td>
<img src="images/e_menu.gif" alt="" width="24" height="42" border="0" /></td>
<td>
<p class="menu01">
CONTACT US</p>
</td>
</tr>
</table>
</td>
<td align="right">
<img src="images/menu02.gif" width="3" height="42" alt="" border="0"></td>
</tr>
</table>
<div align="center">
<img src="images/main01.gif" width="759" height="5" alt="" border="0"></div>
<table border="0" cellpadding="0" cellspacing="0" width="759" align="center">
<tr valign="top">
<td background="images/fon_left.gif">
<img src="images/fon_left.gif" width="3" height="13" alt="" border="0"></td>
<td width="753" bgcolor="#FFFFFF">
<p class="px5">
<table border="0" cellpadding="12" cellspacing="0" width="100%">
<tr valign="top">
<td>
<!-- right -->
<table border="0" cellpadding="0" cellspacing="0" style="height: 375px">
<tr>
<td colspan="3" height="25" bgcolor="#777777">
<p class="title">
<img src="images/e01.gif" width="8" height="8" alt="" border="0"> Contact
Us</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#CCCCCC">
<img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td rowspan="3" bgcolor="#CCCCCC">
<img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
<td bgcolor="#EF9400" height="3">
<img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
<td rowspan="3" bgcolor="#CCCCCC">
<img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td width="725">
<table width="100%">
<tr>
<td>
<p>
Let us show you how we can help you with your IT requirements.</p>
<p>
<b>Excel Informatics Pvt. Ltd.</b><br />
C-2, Suryodaya Complex, Bldg. F.,<br />
Survey No. 154/4, Kalbhor Nagar,<br />
Chinchwad, Pune - 411019<br />
Maharashtra, INDIA<br />
Phone: 91+20+27476633, 27454132
</p>
<p>
<b>E-mail:</b> info#eiplonline.com<br />
or <a href="mailto:excelcom#vsnl.com"
style="color: Blue">excelcom#vsnl.com</a></p>
<div style="height: 120px;">
</div>
</td>
<td>
<table class="txt" cellpadding="2" width="350" cellspacing="0">
<% If CType(Context.Items("success"), Boolean) = True Then%>
<tr>
<td height="30" colspan="3">
<b>
<asp:label id="LblSq" runat="server" text="Thank you for taking the time to give us your enquiry."
cssclass="txtgrn" font-size="9pt"></asp:label>
</b>
</td>
</tr>
<tr>
<td height="10" style="width: 348px">
</td>
</tr>
<% Else%>
<tr>
<td colspan="2" class="help">
All fields marked with * are mandatory.</td>
</tr>
<tr>
<td align="center" style="width: 348px">
<table cellpadding="4" cellspacing="0">
<tr>
<td align="left" width="120">
<span class="txterr">*</span> Your Name</td>
<td width="230" align="left">
<asp:textbox id="TxtName" runat="server" cssclass="txtbox" maxlength="100"></asp:textbox>
<asp:requiredfieldvalidator id="RequiredFieldValidator1" runat="server" controltovalidate="TxtName"
display="Dynamic" errormessage="Name is Required."></asp:requiredfieldvalidator>
</td>
</tr>
<tr>
<td align="left">
Address</td>
<td align="left">
<asp:textbox id="TxtAddress" runat="server" cssclass="txtbox" columns="25" maxlength="150"
rows="3" textmode="MultiLine"></asp:textbox>
</td>
</tr>
<tr>
<td align="left">
City</td>
<td align="left">
<asp:textbox id="TxtCity" runat="server" cssclass="txtbox" maxlength="25"></asp:textbox>
</td>
</tr>
<tr>
<td align="left">
State</td>
<td align="left">
<asp:textbox id="TxtState" runat="server" cssclass="txtbox" maxlength="25"></asp:textbox>
</td>
</tr>
<tr>
<td align="left">
Phone No.</td>
<td align="left">
<asp:textbox id="TxtPhno" runat="server" cssclass="txtbox" maxlength="15"></asp:textbox>
</td>
</tr>
<tr>
<td align="left">
<span class="txterr">*</span> Email ID</td>
<td align="left">
<asp:textbox id="TxtEmail" runat="server" cssclass="txtbox" maxlength="100"></asp:textbox>
<asp:label id="LblEmail" runat="server" cssclass="txterr"></asp:label>
<asp:requiredfieldvalidator id="RequiredFieldValidator2" runat="server" controltovalidate="TxtEmail"
display="Dynamic" errormessage="Email is Required."></asp:requiredfieldvalidator>
<asp:regularexpressionvalidator id="RegularExpressionValidator1" runat="server" controltovalidate="TxtEmail"
display="Dynamic" errormessage="Enter valid email address." validationexpression="\w+([-+.']\w+)*#\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:regularexpressionvalidator>
</td>
</tr>
<tr>
<td align="left">
Subject</td>
<td align="left">
<asp:textbox id="TxtSubject" runat="server" cssclass="txtbox" maxlength="100"></asp:textbox>
</td>
</tr>
<tr>
<td align="left">
<span class="txterr">*</span> Your Message</td>
<td align="left">
<asp:textbox id="TxtMsg" runat="server" columns="25" rows="3" textmode="MultiLine"
cssclass="txtbox" maxlength="200"></asp:textbox>
<asp:requiredfieldvalidator id="RequiredFieldValidator3" runat="server" controltovalidate="TxtMsg"
display="Dynamic" errormessage="Message is Required."></asp:requiredfieldvalidator>
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
<asp:button id="BtnSubmit" runat="server" cssclass="txtbox" text="Submit" height="22px"
width="60px" />
<asp:button id="BtnReset" runat="server" cssclass="txtbox" text="Reset" causesvalidation="False"
height="22px" width="60px" />
</td>
</tr>
</table>
</td>
</tr>
<% End If%>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="images/t_fon.gif" height="28">
<img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" align="right">
<img src="images/t_bot.gif" width="229" height="9" alt="" border="0"></td>
</tr>
</table>
<!-- /right -->
</td>
</tr>
</table>
<br>
</td>
<td background="images/fon_right.gif">
<img src="images/fon_right.gif" width="3" height="10" alt="" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="759" align="center">
<tr>
<td colspan="2" background="images/fon_bot.gif" height="42" align="right">
<table border="0" cellpadding="0" cellspacing="0" width="510" background="">
<tr>
<td>
<p class="menu02">
Home</p>
</td>
<td>
<p class="menu02">
Company</p>
</td>
<td>
<p class="menu02">
Services</p>
</td>
<td>
<p class="menu02">
Customers</p>
</td>
<td>
<p class="menu02">
Careers</p>
</td>
<td>
<p class="menu02">
Contact Us</p>
</td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td width="270" height="65">
<img src="images/logo_bot.gif" alt="" border="0"></td>
<td width="490">
<p align="center" style="color: #FFFFFF;">
Copyright © 2009 Excel Informatics Pvt. Ltd.
Designed & developed by <a style="color: #FFFFFF;" href="http://www.itiersolutions.com"
target="iTier">iTier solutions</a></p>
</td>
</tr>
</table>
</form>
</body>
</html>
Please check if the contactusnew.aspx file is also uploaded and that your webserver supports ASP.NET.
#Amol: this is an answer that perhaps matches with your problem.
This is from http://forums.asp.net/t/1148374.aspx
instructions:
During development on my computer my project worked fine. When I copied it to the web server it failed with and error "Context is not a member of." I could not find the solution to the problem anywhere. By trial and error I found a solution that worked. I did the following for mypage.aspx with code behind mypage.aspx.vb.
◦I backed up the project.
◦The solution explorer contained a file mypage.aspx.designer.vb. I deleted it. Why? I noticed that when I created a new web form on the web server the designer.vb file was not included.
◦I changed the page directive so that it read CodeFile = "~/MyFolder/MyPage.aspx.vb". The full path within the root directory needs to be in the quotes.
◦I made sure the directive Inherits ="MyPage". This should be exactly the same name as the partial class in MyPage.aspx.vb.
◦I built the page.
◦After I corrected a few pages and ensured that they worked I used "Edit - Replace in files" menu command to change my code and I deleted all the .aspx.designer.vb files.

Not getting value in javascript

I have a datalist and in itemdatabound iam calling javascript and passing one argument.But iam not getting that argument in js.
<asp:Button ID="btnUpload" runat="server" cssClass="button1" Text="Upload" >
<asp:DataList ID="dlView" runat="server" >
<ItemTemplate>
<tr>
<td>
<asp:Image ID="imgPlan" runat="server" ImageUrl='<%#GetImage(Eval("ImageName")) %>' />
</td>
</tr>
<tr>
<td>
<asp:LinkButton ID="lnkChangeLogo" runat="server" Text="ChangeLogo" OnClientClick="javascript:showLayerUpLoad();return false;">
</asp:LinkButton>
<br />
<asp:LinkButton ID="lnkRemoveLogo" runat="server" Text="RemoveLogo" OnClientClick="javascript:ConfirmChoice();return false;"/>
<asp:TextBox ID="txtImage" runat="server" Text='<%#Eval("ImageName") %>'></asp:TextBox>
<asp:HiddenField ID="hdnImage" runat="server" Value='<%#Eval("ImageName")%>' />
</td>
</tr>
</ItemTemplate>
</asp:DataList>
In itemdatabound i have written following code
Protected Sub dlView_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataListItemEventArgs) Handles dlView.ItemDataBound
If e.Item.ItemType = ListItemType.Item Or _
e.Item.ItemType = ListItemType.AlternatingItem Then
Dim txtImage As TextBox = DirectCast(e.Item.FindControl("txtImage"), TextBox)
Dim s As String = txtImage.Text
btnUpload.OnClientClick = String.Format("javascript:UploadImages('{0}')", s)
End If
End Sub
Following is my javascript fn
function UploadImages(str)
{
alert(str);
}
Problem is in itemdatabound iam getting value in String.Format("javascript:UploadImages('{0}')", s)
but when clicking on btnUpload ,control is moving to UploadImages in js,but no value in str.
What may be the reason for that?Can anybody help please?
Following is html result
<link href="../CSS/PopupDiv.css" rel="stylesheet" type="text/css" /></head>
<div id="shadow" class="opaqueLayer"> </div>
<div id="question" class="questionLayer">
<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#F1ECDE">
<tr style="height:17">
<td style="background:url(../App_Images/bg/contentlefttop.gif)" width="26" height="17"> </td>
<td style="background:url(../App_Images/bg/contenttop.gif)"> </td>
<td style="background:url(../App_Images/bg/contentrighttop.gif)" width="26" height="17"> </td>
</tr>
<tr>
<td style="background:url(../App_Images/bg/contentleft.gif)" width="26"> </td>
<td bgcolor="#FFFFFF">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:justify; line-height:18px">
<img src="../App_Images/loading.gif" alt="Loading..."/>
</td>
</tr>
<tr>
<td>
Please Wait While the Values Load...
</td>
</tr>
</table>
</td>
<td style="background:url(../App_Images/bg/contentright.gif)" width="26"> </td>
</tr>
<tr style="height:17">
<td style="background:url(../App_Images/bg/contentleftbottom.gif)" width="26" height="17"> </td>
<td style="background:url(../App_Images/bg/contentbottom.gif)"> </td>
<td style="background:url(../App_Images/bg/contentrightbottom.gif)" width="26" height="17"> </td>
</tr>
</table>
</div>
<div id="questionUpLoad" class="questionLayer">
<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#F1ECDE">
<tr style="height:17">
<td style="background:url(../App_Images/bg/contentlefttop.gif)" width="26" height="17"> </td>
<td style="background:url(../App_Images/bg/contenttop.gif)"> </td>
<td style="background:url(../App_Images/bg/contentrighttop.gif)" width="26" height="17"> </td>
</tr>
<tr>
<td style="background:url(../App_Images/bg/contentleft.gif)" width="26"> </td>
<td bgcolor="#FFFFFF">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:justify; line-height:18px">
<strong> File Name:</strong><br />
<span id="spnUpload">
<input type="file" id="flUpload" />
</span>
</td>
</tr>
<tr>
<td>
<input type="submit" name="btnUpload" value="Upload" onclick="UploadImages('');" id="btnUpload" class="button1" />
<input type="submit" name="btnCancel" value="Cancel" onclick="javascript:hideLayerUpLoad();return false;" id="btnCancel" class="button1" />
</td>
</tr>
</table>
</td>
<td style="background:url(../App_Images/bg/contentright.gif)" width="26"> </td>
</tr>
<tr style="height:17">
<td style="background:url(../App_Images/bg/contentleftbottom.gif)" width="26" height="17"> </td>
<td style="background:url(../App_Images/bg/contentbottom.gif)"> </td>
<td style="background:url(../App_Images/bg/contentrightbottom.gif)" width="26" height="17"> </td>
</tr>
</table>
</div>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6" colspan="2" align="left" style="padding-right:5px; width: 125px;" >
<table id="dlView" cellspacing="0" border="0" style="border-collapse:collapse;">
<tr>
<td>
<tr>
<td>
<img id="dlView_ctl00_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/abc.jpg" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl00_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl00$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl00_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl00$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl00$txtImage" type="text" value="abc.jpg" id="dlView_ctl00_txtImage" />
<input type="hidden" name="dlView$ctl00$hdnImage" id="dlView_ctl00_hdnImage" value="abc.jpg" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl01_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/qwe.DIhJfEPC" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl01_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl01$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl01_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl01$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl01$txtImage" type="text" value="qwe.DIhJfEPC" id="dlView_ctl01_txtImage" />
<input type="hidden" name="dlView$ctl01$hdnImage" id="dlView_ctl01_hdnImage" value="qwe.DIhJfEPC" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl02_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/asd.jpg" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl02_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl02$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl02_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl02$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl02$txtImage" type="text" value="asd.jpg" id="dlView_ctl02_txtImage" />
<input type="hidden" name="dlView$ctl02$hdnImage" id="dlView_ctl02_hdnImage" value="asd.jpg" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl03_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/vini.jpg" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl03_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl03$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl03_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl03$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl03$txtImage" type="text" value="vini.jpg" id="dlView_ctl03_txtImage" />
<input type="hidden" name="dlView$ctl03$hdnImage" id="dlView_ctl03_hdnImage" value="vini.jpg" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl04_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl04_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl04$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl04_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl04$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl04$txtImage" type="text" id="dlView_ctl04_txtImage" />
<input type="hidden" name="dlView$ctl04$hdnImage" id="dlView_ctl04_hdnImage" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl05_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/adf.jpg" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl05_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl05$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl05_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl05$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl05$txtImage" type="text" value="adf.jpg" id="dlView_ctl05_txtImage" />
<input type="hidden" name="dlView$ctl05$hdnImage" id="dlView_ctl05_hdnImage" value="adf.jpg" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl06_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl06_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl06$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl06_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl06$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl06$txtImage" type="text" id="dlView_ctl06_txtImage" />
<input type="hidden" name="dlView$ctl06$hdnImage" id="dlView_ctl06_hdnImage" />
</td>
</tr>
</td>
</tr><tr>
<td>
<tr>
<td>
<img id="dlView_ctl07_imgPlan" src="../SiteImages/vidhya/40/1/ThumbNails/" style="border-width:0px;" />
</td>
</tr>
<tr>
<td>
<a onclick="javascript:showLayerUpLoad();return false;" id="dlView_ctl07_lnkChangeLogo" href="javascript:__doPostBack('dlView$ctl07$lnkChangeLogo','')">ChangeLogo</a>
<br />
<a onclick="javascript:ConfirmChoice();return false;" id="dlView_ctl07_lnkRemoveLogo" href="javascript:__doPostBack('dlView$ctl07$lnkRemoveLogo','')">RemoveLogo</a>
<input name="dlView$ctl07$txtImage" type="text" id="dlView_ctl07_txtImage" />
<input type="hidden" name="dlView$ctl07$hdnImage" id="dlView_ctl07_hdnImage" />
</td>
</tr>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><strong style="color:#ADADAD">URL : </strong><a id="lnkUrl" target="_blank">
<span id="lblUrl"></span>
</a></td>
</tr>
</table>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWIwKerOHHCALt3oXMAwKQ9M/rBQLf8c7OBALF9uAaAtzO1PIKAt/2m70CAvrasL4HAuDf6ooCAtzOwPcIAt/2h0IC5v+70Q0CzITOxQ8C3M6spAcC3/bDxwYCgemdpAkC5+3XyA0C3M6YqQUC3/avzAQClcS6vQkC+8jMiQUC3M6EhgMC3/bL0AoCsK2c6A4ClrLWtAkC3M7wigEC3/b3hwQCnNKn+wQCgte57wYC3M7ctw8C3/bz2g4C3/GapA8CxfbUyAMC3M6I7wgC3/bf3ww=" />
</div></form>
</body>
</html>
For the OnClientClick property on button server controls (ImageButton, LinkButton, Button) you do not use the javascript: prefix. So try to remove all your javascript: stuff and see if it works.
Ignored what I said above... LinkButton is a special case. :P
I now have a closer look at your code and the HTML output. From what I can see, there are some issues in your code:
You are dynamically changing the OnClientClick property of the btnUpload server control which sits outside the DataList. Which means the OnClientClick for the btnUpload button will change each time an item is bound to the list and the result is, if it works, the last ImageName in your datasource is passed to the btnUpload's onclick attribute in the output HTML.
The Eval("ImageName") seems only work when calling it from the GetImage() function for imgPlan. I am not too sure why this is happening. And because of this, the Text and Value of txtImage and hdnImage are not populated and this is why you did not get the value in the js.
Please review your code and let us know any results. :)
btnUpload it outside the item template for your datalast, so OnClientClick is rewritten for every item during the ItemDataBound handler. apparently for the last item in your datasource, ImageName is empty/null. move btnUpload into the item template and see if that improves the situation.

Resources