mgmhicks
asked on
Losing jquery code in update panel
I'm having a problem where I can click on one of the options in the searchby radiobuttonlist, but as soon as I click the ddlocation button and it fills the ddproperties , that fills ok, but I lose my ability to click on the radiobuttonlist and change the lblhint label. Also I lose if I click the search button. It all works except I lose the abitlty to change lblhint when I click the radiobuttonlist.
Any Ideas? Here is the code.
Any Ideas? Here is the code.
<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPages/Companion2015.master" AutoEventWireup="false" CodeFile="CCPayments.aspx.vb" Inherits="Shared_CCPayments" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style type="text/css">
.FormatRadioButtonList label
{
margin-right: 15px;
margin-left: -3px;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<p> </p>
<div class="container">
<asp:UpdatePanel runat="server" ID="pnlProperty" UpdateMode="Always">
<ContentTemplate>
<div class="row">
<div class="col-md-12">
<asp:label runat="server" Font-Size="Large">Credit Card Payments</asp:label>
</div>
</div>
<p> </p>
<div class="row">
<div class="col-md-4">
<asp:Label runat="server" cssclass="control-label" >Locations</asp:Label>
</div>
<div class="col-md-4">
<asp:Label runat="server" cssclass="control-label">Properties</asp:Label>
</div>
</div>
<div class="row">
<div class="col-md-4">
<asp:DropDownList ID="ddLocations" runat="server" CssClass="form-control" AutoPostBack="True"></asp:DropDownList>
</div>
<div class="col-md-4">
<asp:DropDownList ID="ddProperties" runat="server" CssClass="form-control" AutoPostBack="True"></asp:DropDownList>
</div>
</div>
<p> </p>
<div class="row">
<%--<div class="col-md-1">
<label for="ddLocationID" class="control-label">Location:</label>
</div>
<div class="col-md-2">
<asp:DropDownList runat="server" ID="ddLocationID" CssClass="form-control" >
</asp:DropDownList>
</div>--%>
<div class="col-md-4 ">
<asp:TextBox runat="server" ID="txtSearch" CssClass="form-control" Width="300px" ></asp:TextBox>
</div>
<div class="col-md-4">
<asp:RadioButtonList runat="server" ID="searchby" RepeatDirection="Horizontal" CellPadding="10" RepeatLayout="Flow" CssClass="FormatRadioButtonList" >
<asp:ListItem Text="By Last Name" Value="0" Selected="true" ></asp:ListItem>
<asp:ListItem Text="By Email" Value ="1"></asp:ListItem>
<asp:ListItem Text="By Phone" Value ="2"></asp:ListItem>
</asp:RadioButtonList>
</div>
<div class="col-md-1">
<asp:Button ID ="btnSearch" runat="server" cssclass="btn-success" Text="Search" />
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label runat="server" ID="lblHint" ForeColor="red"></asp:Label>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<hr />
<asp:updatepanel ID="Panel2" runat="server" UpdateMode="Always">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSearch" EventName="Click" />
</Triggers>
<ContentTemplate>
<div class="row">
<div class="col-md-12 col-sm-6">
<asp:GridView ID="gvResidents" runat="server"
AllowPaging="True" AutoGenerateColumns="False" CssClass="table table-bordered table-striped table-responsive pagination-ys" EmptyDataText="No Records Found">
<Columns>
<asp:TemplateField HeaderText="Full ID">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("FullID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Resident Name">
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# Bind("ResidentName") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Phone 1">
<ItemTemplate>
<asp:Label ID="Label33" runat="server" Text='<%# Bind("Phone1") %>'> </asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Email Address">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Bind("Email") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Status">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Bind("ResiStatus") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Lease Ends">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Bind("LeaseEndDate","{0:d}") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
</ContentTemplate>
</asp:updatepanel>
</div> <%--Container--%>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=searchby.ClientID%>").change(function () {
//alert($('#<%=searchby.ClientID%> input[type=radio]:checked').val());
$('#<%=txtSearch.ClientID%>').val("")
var rbvalue = $('#<%=searchby.ClientID%> input[type=radio]:checked').val();
if (rbvalue == "0") {
$('#<%=txtSearch.ClientID%>').watermark('Enter full or partial Last Name');
$('#<%=lblHint.ClientID%>').text('HINT: Enter partial first and last name seperated by a space.');
} else if (rbvalue == "1") {
$('#<%=txtSearch.ClientID%>').watermark('Enter full or partial Email Address');
$('#<%=lblHint.ClientID%>').text('HINT: Please enter a valid email address.');
}
else {
$('#<%=txtSearch.ClientID%>').watermark('Enter full or partial Phone Number');
$('#<%=lblHint.ClientID%>').text('HINT: Enter just numbers to find any portion of the phone number.');
};
});
<%--$('#<%=ddLocationID.ClientID%>').watermark ="Filter by Location"--%>
$('#<%=txtSearch.ClientID%>').watermark("Enter partial first and last name seperated by a space. ");
});
</script>
</asp:Content>ASKER
I have 2 code snippitts. One for the look when it first loads, and then again after I get another property from ddlocations dropdown. THANK YOU!
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script src="../Scripts/jquery-1.11.2.js" type="text/jscript"></script>
<script src="../Themes/jquery-ui.min.js" type="text/jscript"></script>
<script src="../Scripts/bootstrap.js" type="text/jscript"></script>
<script src="../Scripts/modernizr-2.8.3.js" type="text/jscript"></script>
<script src="../Scripts/jquery.maskedinput.js"></script>
<script type="text/javascript" src="../scripts/datepicker/js/bootstrap-datepicker.js"></script>
<script src="../Scripts/bootbox.js" type="text/jscript"></script>
<script src="../Scripts/jquery.watermark.js"></script>
<link href="../Content/bootstrap.css" rel="stylesheet" media="screen" /><link rel="stylesheet" href="../Themes/jquery-ui.theme.min.css" /><link rel="stylesheet" href="../Themes/jquery-ui.css" /><link rel="stylesheet" href="../Themes/jquery-ui.structure.css" /><link rel="stylesheet" href="../content/site.css" /><link rel="stylesheet" href="../Content/SiteSupplement.css" /><link rel="stylesheet" href="../scripts/datepicker/css/datepicker.css" />
<style type="text/css">
.FormatRadioButtonList label
{
margin-right: 15px;
margin-left: -3px;
}
input[type=checkbox] {width:20px; height:20px;}
</style>
</head>
<body>
<form name="aspnetForm" method="post" action="CCPayments.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTU0MTAyMDM3Ng9kFgJmD2QWAgIDD2QWAgIKD2QWBGYPZBYCZg9kFggCBw8QDxYGHg5EYXRhVmFsdWVGaWVsZAUCSUQeDURhdGFUZXh0RmllbGQFBE5hbWUeC18hRGF0YUJvdW5kZ2QQFRAOQmVhdWZvcnQgTWFub3IQQnJlZXpld29vZCBHcm91cBJDYW1lbG90IEFybXMgR3JvdXASQ29sZCBTcHJpbmdzIEdyb3VwDUNvbG9uaWFsIEdsZW4QQ29vbCBDcmVlayBHcm91cA9IeWRlIFBhcmsgR3JvdXAQSmVmZmVyc29uIFBvaW50ZRNLaW5ncyBHcmFudCBMYW5kaW5nDUxlZ2VuZHMgR3JvdXAOUGFya3ZpZXcgR3JvdXARU3RvbnkgUG9pbnQgR3JvdXALVGhlIE1lYWRvd3MPV2F0ZXJmb3JkIEdyb3VwDldlc3RnYXRlIEdyb3VwEFdvb2RCcmlkZ2UgR3JvdXAVECRlY2Q4MWM0ZS05MTRiLTRhMjItYjAwNy1iZjRmNTcwNDc2NzQkNWJlMTM4MjMtNmY0YS00ZDUyLTYzODMtZTIzOWQzMjEwNWZkJGY5NTBjMTQzLTRiNjItNGFmMS03OWFmLTY1NGE0MzdhMGY3YyQxZTM5MmM3OC0zMGFjLTRlYmMtMzE5Ni03YTMzNTNmZjU1ODAkOWU3NjZjZDItZDJkMi00MzBkLTlkN2MtYmIzMjUwOWExZGRlJDM3MjMyNTMxLTA3ZTgtNDEyNy0wZTlkLTNkZDRlMGVmY2M1MiRkODZjN2Y2ZS0xMjVkLTQ5NzktN2M4NC04ODRhMjNiYmMwMTEkZDczMDFmOGUtNjJiMi00ODZlLWI5NzAtYjUwMjAxOTcxYzcwJDY4NDg2ODg2LWU1NTEtNDI4OC1iMjIzLThkN2M2ZDJhYTQ5ZCRmMjA1NDE5Ny02ZWQyLTQxOWYtN2M5ZS03YTBjZjA5ZjAxYjckNDQ3MDU5YjgtMDU4Ni00ODVkLWFkNjctN2VmYzVhZTk5OTEzJDFlZGJiYWZlLTdkZGMtNDJjOS00OGI2LWUwNjhjOWRkM2Q5ZSQ5MjM3YjIyNy03ZDc4LTQ0NzgtYmI1Yi1jNzMzMzljYjY5OTUkZGQwZjIxNDktMzg0NS00ZTZlLWViODUtMzk5YzVmM2IyYWM1JDJiMGIwOTNhLTBiYjQtNDMxOS1jZDgwLTQxMGFlNTZmYmQ4NSRlNTk1OGEzOC00ZGQ3LTQxOGYtMTA4Yy03ZWViZmI4MWZjZjUUKwMQZ2dnZ2dnZ2dnZ2dnZ2dnZxYBZmQCCQ8QDxYGHwEFDVByb3BlcnR5TmFtZTEfAAUKcHJvcGVydHlpZB8CZ2QQFQEOQmVhdWZvcnQgTWFub3IVAQJCRhQrAwFnZGQCDg8QZGQWAWZkAhIPDxYCHgRUZXh0BT5ISU5UOiAgRW50ZXIgcGFydGlhbCBmaXJzdCBhbmQgbGFzdCBuYW1lIHNlcGFyYXRlZCBieSBhIHNwYWNlLmRkAgEPZBYCZg9kFgICAQ88KwARAgEQFgAWABYADBQrAABkGAMFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYDBR5jdGwwMCRjdGwwOSRMb2dpblN0YXR1czEkY3RsMDEFHmN0bDAwJGN0bDA5JExvZ2luU3RhdHVzMSRjdGwwMwUYY3RsMDAkTWFpbkNvbnRlbnQkY2hrRmVlBR1jdGwwMCRNYWluQ29udGVudCRndlJlc2lkZW50cw9nZAULY3RsMDAkY3RsMDkPD2QCAWRp/7u6qDtkGOlh/wDvH0kwuT8iOojd1ellzUW7zmmfeA==" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=yKjce5-VxvUbJP7KT-gWfYwoaaESbNHN_slDaEwEekrC1UQ76as_SbB8Hc5Or5wnxzdNwdEXAFdzWDK-glJW0ZP7HbwVk3EIof7uojudOyo1&t=635586505120000000" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=q_MqV8yDVP_AhCUb8Q18EOuCIwW782o46ZjgSW4K8Msf8e451VjUaJgPOR7_yaz0_wrCWda4NcavyWBeSuiGQibsbTPAl7yz5qJSy7L0m5v7inmyatv3QouDVpfDfUUBg97HOfDItGL0X-yyX4h7mZWb4720sXHTqWDW2XtldtaS7Vu6QwWEtPlOclLtPfTB0&t=7b689585" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/ScriptResource.axd?d=xPRdQsT_ppJjalSKIxkdiKDzapYGw4CMQcNK9fWjR2G6ousaB8AX3BX68UeN0TzVP5nOVg9a738tjZjg9JNEwBG3RcEtTOoo51RCMdMxU4Cf_1RxYEWKkSyUsYnqSlhdnyQxrahRQ_qPx_Va-GF267L0rosh14WZL6C_29CMHO7qL3xKuUoZ6-Db59AiDYqE0&t=7b689585" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'aspnetForm', ['tctl00$MainContent$pnlProperty','','tctl00$MainContent$Panel2','','tctl00$MainContent$pnlDetails',''], ['ctl00$MainContent$btnSearch',''], [], 90, 'ctl00');
//]]>
</script>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<img id="ctl00_Image1" class="img-responsive" src="../Images/logo11.png" style="border-width:0px;" />
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="MainMenu.aspx" id="ctl00_A1">Main Menu</a></li>
</ul>
<ul class="nav navbar-nav navbar-right ">
<li><a href="../Account/frmManager.aspx" title="Manage your account"><u>Hello, supervisor!</u> </a></li>
<li>
<a id="ctl00_ctl09_LoginStatus1" href="javascript:__doPostBack('ctl00$ctl09$LoginStatus1$ctl00','')">Log off</a>
</li>
</ul>
</div>
</div>
</div>
<div>
<p>
<br />
</p>
<p> </p>
<div class="container">
<div id="ctl00_MainContent_pnlProperty">
<div class="row">
<div class="col-md-12">
<span style="font-size:Large;">Credit Card Payments</span>
</div>
</div>
<p> </p>
<div class="row">
<div class="col-md-4">
<span class="control-label">Locations</span>
</div>
<div class="col-md-4">
<span class="control-label">Properties</span>
</div>
</div>
<div class="row">
<div class="col-md-4">
<select name="ctl00$MainContent$ddLocations" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$ddLocations\',\'\')', 0)" id="ctl00_MainContent_ddLocations" class="img-rounded">
<option selected="selected" value="ecd81c4e-914b-4a22-b007-bf4f57047674">Beaufort Manor</option>
<option value="5be13823-6f4a-4d52-6383-e239d32105fd">Breezewood Group</option>
<option value="f950c143-4b62-4af1-79af-654a437a0f7c">Camelot Arms Group</option>
<option value="1e392c78-30ac-4ebc-3196-7a3353ff5580">Cold Springs Group</option>
<option value="9e766cd2-d2d2-430d-9d7c-bb32509a1dde">Colonial Glen</option>
<option value="37232531-07e8-4127-0e9d-3dd4e0efcc52">Cool Creek Group</option>
<option value="d86c7f6e-125d-4979-7c84-884a23bbc011">Hyde Park Group</option>
<option value="d7301f8e-62b2-486e-b970-b50201971c70">Jefferson Pointe</option>
<option value="68486886-e551-4288-b223-8d7c6d2aa49d">Kings Grant Landing</option>
<option value="f2054197-6ed2-419f-7c9e-7a0cf09f01b7">Legends Group</option>
<option value="447059b8-0586-485d-ad67-7efc5ae99913">Parkview Group</option>
<option value="1edbbafe-7ddc-42c9-48b6-e068c9dd3d9e">Stony Point Group</option>
<option value="9237b227-7d78-4478-bb5b-c73339cb6995">The Meadows</option>
<option value="dd0f2149-3845-4e6e-eb85-399c5f3b2ac5">Waterford Group</option>
<option value="2b0b093a-0bb4-4319-cd80-410ae56fbd85">Westgate Group</option>
<option value="e5958a38-4dd7-418f-108c-7eebfb81fcf5">WoodBridge Group</option>
</select>
</div>
<div class="col-md-4">
<select name="ctl00$MainContent$ddProperties" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$ddProperties\',\'\')', 0)" id="ctl00_MainContent_ddProperties" class="img-rounded">
<option value="BF">Beaufort Manor</option>
</select>
</div>
</div>
<p> </p>
<div class="row">
<div class="col-md-4 ">
<input name="ctl00$MainContent$txtSearch" type="text" id="ctl00_MainContent_txtSearch" class="img-rounded" style="width:300px;" />
</div>
<div class="col-md-4">
<span id="ctl00_MainContent_searchby" class="FormatRadioButtonList"><input id="ctl00_MainContent_searchby_0" type="radio" name="ctl00$MainContent$searchby" value="0" checked="checked" /><label for="ctl00_MainContent_searchby_0">By Last Name</label><input id="ctl00_MainContent_searchby_1" type="radio" name="ctl00$MainContent$searchby" value="1" onclick="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$searchby$1\',\'\')', 0)" /><label for="ctl00_MainContent_searchby_1">By Email</label><input id="ctl00_MainContent_searchby_2" type="radio" name="ctl00$MainContent$searchby" value="2" onclick="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$searchby$2\',\'\')', 0)" /><label for="ctl00_MainContent_searchby_2">By Phone</label></span>
</div>
<div class="col-md-1">
<input type="submit" name="ctl00$MainContent$btnSearch" value="Search" id="ctl00_MainContent_btnSearch" class="btn-success" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-6">
<span id="ctl00_MainContent_lblHint" style="color:Red;">HINT: Enter partial first and last name separated by a space.</span>
</div>
</div>
</div>
<hr />
<div id="ctl00_MainContent_Panel2">
<div class="row">
<div class="col-md-12 col-sm-6">
<div>
</div>
</div>
</div>
</div>
<br />
<div id="ctl00_MainContent_pnlDetails">
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Holder Name:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCHName" type="text" id="ctl00_MainContent_txtCHName" class="img-rounded" />
</div>
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Billing Phone No:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCHPhone" type="text" id="ctl00_MainContent_txtCHPhone" class="img-rounded" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Holder Email:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCHEmail" type="text" id="ctl00_MainContent_txtCHEmail" class="img-rounded" />
</div>
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Billing Zip Code:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$TextBox2" type="text" id="ctl00_MainContent_TextBox2" class="img-rounded" />
</div>
</div>
<hr />
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Number:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCardNo" type="text" id="ctl00_MainContent_txtCardNo" class="img-rounded" />
</div>
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">CVC Code:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCVC" type="text" id="ctl00_MainContent_txtCVC" class="img-rounded" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Expiration</span>
</div>
<div class="col-md-3">
<select name="ctl00$MainContent$ddMonth" id="ctl00_MainContent_ddMonth" class=" img-rounded">
<option value="01">January</option>
<option value="02">Febuary</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
<option selected="selected" value="00">Month</option>
</select>
<span>/</span>
<select name="ctl00$MainContent$ddYear" id="ctl00_MainContent_ddYear" class="dropdown img-rounded">
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option selected="selected" value="00">Year</option>
</select>
</div>
<div class="col-md-2">
<span style="font-weight:bold;">Charge Convenience Fee?</span>
</div>
<div class="col-md-3">
<span class="img-rounded "><input id="ctl00_MainContent_chkFee" type="checkbox" name="ctl00$MainContent$chkFee" /></span>
</div>
</div>
<div class="row">
<div class="col-md-2">
<span style="font-weight:bold;">Description:</span>
</div>
<div class="col-md-6">
<input name="ctl00$MainContent$txtDescrip" type="text" id="ctl00_MainContent_txtDescrip" class="img-rounded" style="width:400px;" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<span style="font-weight:bold;">
Property Email:
</span>
</div>
<div class="col-md-6">
<input name="ctl00$MainContent$txtPropEmail" type="text" id="ctl00_MainContent_txtPropEmail" class="img-rounded" style="width:400px;" />
</div>
</div>
<hr />
<div class="row" >
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Amount of Charge</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtChargeAmt" type="text" id="ctl00_MainContent_txtChargeAmt" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="color:Red;font-weight:bold;">
Left to Apply
</span>
</div>
<div class="col-md-6 text-left">
<span id="ctl00_MainContent_lblLeft" style="color:Red;"></span>
</div>
</div>
<br />
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Application Fee</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtAppAmt" type="text" id="ctl00_MainContent_txtAppAmt" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Rent</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtRentAmt" type="text" id="ctl00_MainContent_txtRentAmt" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Security Deposit</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtSecDep" type="text" id="ctl00_MainContent_txtSecDep" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Security Pet</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtSecPet" type="text" id="ctl00_MainContent_txtSecPet" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Collections</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtCollAmt" type="text" id="ctl00_MainContent_txtCollAmt" />
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#ctl00_MainContent_searchby").change(function () {
//alert($('#ctl00_MainContent_searchby input[type=radio]:checked').val());
$('#ctl00_MainContent_txtSearch').val("")
var rbvalue = $('#ctl00_MainContent_searchby input[type=radio]:checked').val();
if (rbvalue == "0") {
$('#ctl00_MainContent_txtSearch').watermark('Enter full or partial Last Name');
$('#ctl00_MainContent_lblHint').text('HINT: Enter partial first and last name seperated by a space.');
} else if (rbvalue == "1") {
$('#ctl00_MainContent_txtSearch').watermark('Enter full or partial Email Address');
$('#ctl00_MainContent_lblHint').text('HINT: Enter full or partial Email Address');
}
else {
$('#ctl00_MainContent_txtSearch').watermark('Enter full or partial Phone Number');
$('#ctl00_MainContent_lblHint').text('HINT: Enter just numbers to find any portion of the phone number.');
};
});
$('#ctl00_MainContent_txtSearch').watermark("Enter partial first and last name seperated by a space. ");
});
</script>
</div>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="25D4A75C" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAENEy7e9MbqvknEKw3gDElc3bfYdsS22b54mYxTRr0swNV8IaDLN3P4GhERc/yqbliiX7Fl3HqfXqTbJ/4WL9Mq/GVcpYyMJZJwHmRbgz1gS83teEfisbiK0J6MsCAFer75Cp8oJk3+Fb4KKF40+QmWV2D1visYSX09UJiiLs2bmi/DFk3wA4tC8ehojbEe0z3hKPf8R0YGUkJhC9XbRtPVFOmyKVvDiBrB+ZcPyrEwsTQjvYhvAr1k7LB/HojXnH1EahtnQ/lgdgJCS3bba3O7dBTql7VNuD+M0tXi0OOei+3ErOEY+15LKhxKC5sunYqPf0qTxSoytTMarrDUVf7ExGiwqfy7vwPET532DTz5kolr2YYHoS4dlXoDK9GU+rO/M6wzHX2a6bNb6YZHNnKfeASOk2uWAukG7wl1LiAfJIxcv3Er7l2m0ozdfigZjX6UfGp1F7dOz0W6Jiv54F2fGI8c9irskkz7cgqn5riq66/oiwonz6vKxoAmlnyH6BNY/5lldfK4kb+ptA28xD2MOd6AD+z+PWACwPZeJSUje7Z+I/HPZ86NEZcbXwR9jxA65ztu1kU74YQ/BSKVk0wnw8eiARJJtmJkS9n+TqtdwJ0Ti/kQe/WMiLWqi3nJlCTCdYrWaftoQE2FVo/2/vp8kXtsf6lQ3TPpz0Ijel3I0suLLJpUK8ai6lcCbF6OAQijvIx5ygRp7FMfC1CmSWOUmbQfXaLcTEnzoQIm/d8AqBxYuUD7j0z2C/VuB/d/FkRBDSth/+iYP11bqBd0baDNNFo6HD7/2/drqSOIGdEPJab2XOoIWavjbss9CLWDnR/AyXcl7Sr+mACQr6aiap0w7Z24LQdY9Lj4anc+JI/uxR3bKv+SVZQii7Xui91qJdckUqEu6iC4Ozdb9+LuUDHG7MBEn44bxjp70ikqvq5eVsPwnuFh74MxJt/qvZlNbiSiBLyJqrJkQ+KVNHWu2edEFUE6XhgL17O0SSdxhyPcR+lS8L/oZCC1HMBjD7quXwM1S+mD9Z8sEr5rjA9ORvWMEaE2ip1h86xC2K65XK3F8K8wb/JxKSxANaGN5lBZgtD/yf8TWAbfjWZsCowpUlmqH2E/fNmxqwCKjg64sqkzo9itPPfWQA5xHpWT3am8N3KsZN4ib95E+Nhe8Gtp3VQOXf4imZK9kpbZ5yHIIxXUH8Acn3mD4oBRbdm7ou9DnidjaFiYP4L367Pqoxq7s3tzCs/vVaQgiihx8xU43FJs8eUhgpQKSMTUQtPjXfwMun//JwogLhTFeuMNO1FA4Y8GE/P2IdbwOJM5vFf85fVnYlPu96cJlb4MpXdnPjPWrTwbj+1hvoMv5XJummeI5pu3cdwRLYxBVUXmhoAg7tHAkafRisPwWqd2sHPIDo0PsxB2BB5Zb1Z3g5FO49ycqKK3nWW+PCtYOyBVPc0wQrKoa2vgSDwHZjNcQD3KM2dNfLWM=" />
</div></form>
<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Internet Explorer","requestId":"7691c7f197d94ed88073b4f759caf169"}
</script>
<script type="text/javascript" src="http://localhost:52873/8976e197f19641a5a1064ac6e82d353d/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script src="../Scripts/jquery-1.11.2.js" type="text/jscript"></script>
<script src="../Themes/jquery-ui.min.js" type="text/jscript"></script>
<script src="../Scripts/bootstrap.js" type="text/jscript"></script>
<script src="../Scripts/modernizr-2.8.3.js" type="text/jscript"></script>
<script src="../Scripts/jquery.maskedinput.js"></script>
<script type="text/javascript" src="../scripts/datepicker/js/bootstrap-datepicker.js"></script>
<script src="../Scripts/bootbox.js" type="text/jscript"></script>
<script src="../Scripts/jquery.watermark.js"></script>
<link href="../Content/bootstrap.css" rel="stylesheet" media="screen" /><link rel="stylesheet" href="../Themes/jquery-ui.theme.min.css" /><link rel="stylesheet" href="../Themes/jquery-ui.css" /><link rel="stylesheet" href="../Themes/jquery-ui.structure.css" /><link rel="stylesheet" href="../content/site.css" /><link rel="stylesheet" href="../Content/SiteSupplement.css" /><link rel="stylesheet" href="../scripts/datepicker/css/datepicker.css" />
<style type="text/css">
.FormatRadioButtonList label
{
margin-right: 15px;
margin-left: -3px;
}
input[type=checkbox] {width:20px; height:20px;}
</style>
</head>
<body>
<form name="aspnetForm" method="post" action="CCPayments.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTU0MTAyMDM3Ng9kFgJmD2QWAgIDD2QWAgIKD2QWBGYPZBYCZg9kFggCBw8QDxYGHg5EYXRhVmFsdWVGaWVsZAUCSUQeDURhdGFUZXh0RmllbGQFBE5hbWUeC18hRGF0YUJvdW5kZ2QQFRAOQmVhdWZvcnQgTWFub3IQQnJlZXpld29vZCBHcm91cBJDYW1lbG90IEFybXMgR3JvdXASQ29sZCBTcHJpbmdzIEdyb3VwDUNvbG9uaWFsIEdsZW4QQ29vbCBDcmVlayBHcm91cA9IeWRlIFBhcmsgR3JvdXAQSmVmZmVyc29uIFBvaW50ZRNLaW5ncyBHcmFudCBMYW5kaW5nDUxlZ2VuZHMgR3JvdXAOUGFya3ZpZXcgR3JvdXARU3RvbnkgUG9pbnQgR3JvdXALVGhlIE1lYWRvd3MPV2F0ZXJmb3JkIEdyb3VwDldlc3RnYXRlIEdyb3VwEFdvb2RCcmlkZ2UgR3JvdXAVECRlY2Q4MWM0ZS05MTRiLTRhMjItYjAwNy1iZjRmNTcwNDc2NzQkNWJlMTM4MjMtNmY0YS00ZDUyLTYzODMtZTIzOWQzMjEwNWZkJGY5NTBjMTQzLTRiNjItNGFmMS03OWFmLTY1NGE0MzdhMGY3YyQxZTM5MmM3OC0zMGFjLTRlYmMtMzE5Ni03YTMzNTNmZjU1ODAkOWU3NjZjZDItZDJkMi00MzBkLTlkN2MtYmIzMjUwOWExZGRlJDM3MjMyNTMxLTA3ZTgtNDEyNy0wZTlkLTNkZDRlMGVmY2M1MiRkODZjN2Y2ZS0xMjVkLTQ5NzktN2M4NC04ODRhMjNiYmMwMTEkZDczMDFmOGUtNjJiMi00ODZlLWI5NzAtYjUwMjAxOTcxYzcwJDY4NDg2ODg2LWU1NTEtNDI4OC1iMjIzLThkN2M2ZDJhYTQ5ZCRmMjA1NDE5Ny02ZWQyLTQxOWYtN2M5ZS03YTBjZjA5ZjAxYjckNDQ3MDU5YjgtMDU4Ni00ODVkLWFkNjctN2VmYzVhZTk5OTEzJDFlZGJiYWZlLTdkZGMtNDJjOS00OGI2LWUwNjhjOWRkM2Q5ZSQ5MjM3YjIyNy03ZDc4LTQ0NzgtYmI1Yi1jNzMzMzljYjY5OTUkZGQwZjIxNDktMzg0NS00ZTZlLWViODUtMzk5YzVmM2IyYWM1JDJiMGIwOTNhLTBiYjQtNDMxOS1jZDgwLTQxMGFlNTZmYmQ4NSRlNTk1OGEzOC00ZGQ3LTQxOGYtMTA4Yy03ZWViZmI4MWZjZjUUKwMQZ2dnZ2dnZ2dnZ2dnZ2dnZxYBZmQCCQ8QDxYGHwEFDVByb3BlcnR5TmFtZTEfAAUKcHJvcGVydHlpZB8CZ2QQFQEOQmVhdWZvcnQgTWFub3IVAQJCRhQrAwFnZGQCDg8QZGQWAWZkAhIPDxYCHgRUZXh0BT5ISU5UOiAgRW50ZXIgcGFydGlhbCBmaXJzdCBhbmQgbGFzdCBuYW1lIHNlcGFyYXRlZCBieSBhIHNwYWNlLmRkAgEPZBYCZg9kFgICAQ88KwARAgEQFgAWABYADBQrAABkGAMFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYDBR5jdGwwMCRjdGwwOSRMb2dpblN0YXR1czEkY3RsMDEFHmN0bDAwJGN0bDA5JExvZ2luU3RhdHVzMSRjdGwwMwUYY3RsMDAkTWFpbkNvbnRlbnQkY2hrRmVlBR1jdGwwMCRNYWluQ29udGVudCRndlJlc2lkZW50cw9nZAULY3RsMDAkY3RsMDkPD2QCAWRp/7u6qDtkGOlh/wDvH0kwuT8iOojd1ellzUW7zmmfeA==" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=yKjce5-VxvUbJP7KT-gWfYwoaaESbNHN_slDaEwEekrC1UQ76as_SbB8Hc5Or5wnxzdNwdEXAFdzWDK-glJW0ZP7HbwVk3EIof7uojudOyo1&t=635586505120000000" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=q_MqV8yDVP_AhCUb8Q18EOuCIwW782o46ZjgSW4K8Msf8e451VjUaJgPOR7_yaz0_wrCWda4NcavyWBeSuiGQibsbTPAl7yz5qJSy7L0m5v7inmyatv3QouDVpfDfUUBg97HOfDItGL0X-yyX4h7mZWb4720sXHTqWDW2XtldtaS7Vu6QwWEtPlOclLtPfTB0&t=7b689585" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/ScriptResource.axd?d=xPRdQsT_ppJjalSKIxkdiKDzapYGw4CMQcNK9fWjR2G6ousaB8AX3BX68UeN0TzVP5nOVg9a738tjZjg9JNEwBG3RcEtTOoo51RCMdMxU4Cf_1RxYEWKkSyUsYnqSlhdnyQxrahRQ_qPx_Va-GF267L0rosh14WZL6C_29CMHO7qL3xKuUoZ6-Db59AiDYqE0&t=7b689585" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'aspnetForm', ['tctl00$MainContent$pnlProperty','','tctl00$MainContent$Panel2','','tctl00$MainContent$pnlDetails',''], ['ctl00$MainContent$btnSearch',''], [], 90, 'ctl00');
//]]>
</script>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<img id="ctl00_Image1" class="img-responsive" src="../Images/logo11.png" style="border-width:0px;" />
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="MainMenu.aspx" id="ctl00_A1">Main Menu</a></li>
</ul>
<ul class="nav navbar-nav navbar-right ">
<li><a href="../Account/frmManager.aspx" title="Manage your account"><u>Hello, supervisor!</u> </a></li>
<li>
<a id="ctl00_ctl09_LoginStatus1" href="javascript:__doPostBack('ctl00$ctl09$LoginStatus1$ctl00','')">Log off</a>
</li>
</ul>
</div>
</div>
</div>
<div>
<p>
<br />
</p>
<p> </p>
<div class="container">
<div id="ctl00_MainContent_pnlProperty">
<div class="row">
<div class="col-md-12">
<span style="font-size:Large;">Credit Card Payments</span>
</div>
</div>
<p> </p>
<div class="row">
<div class="col-md-4">
<span class="control-label">Locations</span>
</div>
<div class="col-md-4">
<span class="control-label">Properties</span>
</div>
</div>
<div class="row">
<div class="col-md-4">
<select name="ctl00$MainContent$ddLocations" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$ddLocations\',\'\')', 0)" id="ctl00_MainContent_ddLocations" class="img-rounded">
<option selected="selected" value="ecd81c4e-914b-4a22-b007-bf4f57047674">Beaufort Manor</option>
<option value="5be13823-6f4a-4d52-6383-e239d32105fd">Breezewood Group</option>
<option value="f950c143-4b62-4af1-79af-654a437a0f7c">Camelot Arms Group</option>
<option value="1e392c78-30ac-4ebc-3196-7a3353ff5580">Cold Springs Group</option>
<option value="9e766cd2-d2d2-430d-9d7c-bb32509a1dde">Colonial Glen</option>
<option value="37232531-07e8-4127-0e9d-3dd4e0efcc52">Cool Creek Group</option>
<option value="d86c7f6e-125d-4979-7c84-884a23bbc011">Hyde Park Group</option>
<option value="d7301f8e-62b2-486e-b970-b50201971c70">Jefferson Pointe</option>
<option value="68486886-e551-4288-b223-8d7c6d2aa49d">Kings Grant Landing</option>
<option value="f2054197-6ed2-419f-7c9e-7a0cf09f01b7">Legends Group</option>
<option value="447059b8-0586-485d-ad67-7efc5ae99913">Parkview Group</option>
<option value="1edbbafe-7ddc-42c9-48b6-e068c9dd3d9e">Stony Point Group</option>
<option value="9237b227-7d78-4478-bb5b-c73339cb6995">The Meadows</option>
<option value="dd0f2149-3845-4e6e-eb85-399c5f3b2ac5">Waterford Group</option>
<option value="2b0b093a-0bb4-4319-cd80-410ae56fbd85">Westgate Group</option>
<option value="e5958a38-4dd7-418f-108c-7eebfb81fcf5">WoodBridge Group</option>
</select>
</div>
<div class="col-md-4">
<select name="ctl00$MainContent$ddProperties" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$ddProperties\',\'\')', 0)" id="ctl00_MainContent_ddProperties" class="img-rounded">
<option value="BF">Beaufort Manor</option>
</select>
</div>
</div>
<p> </p>
<div class="row">
<div class="col-md-4 ">
<input name="ctl00$MainContent$txtSearch" type="text" id="ctl00_MainContent_txtSearch" class="img-rounded" style="width:300px;" />
</div>
<div class="col-md-4">
<span id="ctl00_MainContent_searchby" class="FormatRadioButtonList"><input id="ctl00_MainContent_searchby_0" type="radio" name="ctl00$MainContent$searchby" value="0" checked="checked" /><label for="ctl00_MainContent_searchby_0">By Last Name</label><input id="ctl00_MainContent_searchby_1" type="radio" name="ctl00$MainContent$searchby" value="1" onclick="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$searchby$1\',\'\')', 0)" /><label for="ctl00_MainContent_searchby_1">By Email</label><input id="ctl00_MainContent_searchby_2" type="radio" name="ctl00$MainContent$searchby" value="2" onclick="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$searchby$2\',\'\')', 0)" /><label for="ctl00_MainContent_searchby_2">By Phone</label></span>
</div>
<div class="col-md-1">
<input type="submit" name="ctl00$MainContent$btnSearch" value="Search" id="ctl00_MainContent_btnSearch" class="btn-success" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-6">
<span id="ctl00_MainContent_lblHint" style="color:Red;">HINT: Enter partial first and last name separated by a space.</span>
</div>
</div>
</div>
<hr />
<div id="ctl00_MainContent_Panel2">
<div class="row">
<div class="col-md-12 col-sm-6">
<div>
</div>
</div>
</div>
</div>
<br />
<div id="ctl00_MainContent_pnlDetails">
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Holder Name:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCHName" type="text" id="ctl00_MainContent_txtCHName" class="img-rounded" />
</div>
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Billing Phone No:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCHPhone" type="text" id="ctl00_MainContent_txtCHPhone" class="img-rounded" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Holder Email:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCHEmail" type="text" id="ctl00_MainContent_txtCHEmail" class="img-rounded" />
</div>
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Billing Zip Code:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$TextBox2" type="text" id="ctl00_MainContent_TextBox2" class="img-rounded" />
</div>
</div>
<hr />
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Number:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCardNo" type="text" id="ctl00_MainContent_txtCardNo" class="img-rounded" />
</div>
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">CVC Code:</span>
</div>
<div class="col-md-3">
<input name="ctl00$MainContent$txtCVC" type="text" id="ctl00_MainContent_txtCVC" class="img-rounded" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<span class="control-label" style="font-weight:bold;">Card Expiration</span>
</div>
<div class="col-md-3">
<select name="ctl00$MainContent$ddMonth" id="ctl00_MainContent_ddMonth" class=" img-rounded">
<option value="01">January</option>
<option value="02">Febuary</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
<option selected="selected" value="00">Month</option>
</select>
<span>/</span>
<select name="ctl00$MainContent$ddYear" id="ctl00_MainContent_ddYear" class="dropdown img-rounded">
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option selected="selected" value="00">Year</option>
</select>
</div>
<div class="col-md-2">
<span style="font-weight:bold;">Charge Convenience Fee?</span>
</div>
<div class="col-md-3">
<span class="img-rounded "><input id="ctl00_MainContent_chkFee" type="checkbox" name="ctl00$MainContent$chkFee" /></span>
</div>
</div>
<div class="row">
<div class="col-md-2">
<span style="font-weight:bold;">Description:</span>
</div>
<div class="col-md-6">
<input name="ctl00$MainContent$txtDescrip" type="text" id="ctl00_MainContent_txtDescrip" class="img-rounded" style="width:400px;" />
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<span style="font-weight:bold;">
Property Email:
</span>
</div>
<div class="col-md-6">
<input name="ctl00$MainContent$txtPropEmail" type="text" id="ctl00_MainContent_txtPropEmail" class="img-rounded" style="width:400px;" />
</div>
</div>
<hr />
<div class="row" >
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Amount of Charge</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtChargeAmt" type="text" id="ctl00_MainContent_txtChargeAmt" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="color:Red;font-weight:bold;">
Left to Apply
</span>
</div>
<div class="col-md-6 text-left">
<span id="ctl00_MainContent_lblLeft" style="color:Red;"></span>
</div>
</div>
<br />
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Application Fee</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtAppAmt" type="text" id="ctl00_MainContent_txtAppAmt" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Rent</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtRentAmt" type="text" id="ctl00_MainContent_txtRentAmt" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Security Deposit</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtSecDep" type="text" id="ctl00_MainContent_txtSecDep" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Security Pet</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtSecPet" type="text" id="ctl00_MainContent_txtSecPet" />
</div>
</div>
<div class="row">
<div class="col-md-6 text-right">
<span style="font-weight:bold;">Collections</span>
</div>
<div class="col-md-6 text-left">
<input name="ctl00$MainContent$txtCollAmt" type="text" id="ctl00_MainContent_txtCollAmt" />
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#ctl00_MainContent_searchby").change(function () {
//alert($('#ctl00_MainContent_searchby input[type=radio]:checked').val());
$('#ctl00_MainContent_txtSearch').val("")
var rbvalue = $('#ctl00_MainContent_searchby input[type=radio]:checked').val();
if (rbvalue == "0") {
$('#ctl00_MainContent_txtSearch').watermark('Enter full or partial Last Name');
$('#ctl00_MainContent_lblHint').text('HINT: Enter partial first and last name seperated by a space.');
} else if (rbvalue == "1") {
$('#ctl00_MainContent_txtSearch').watermark('Enter full or partial Email Address');
$('#ctl00_MainContent_lblHint').text('HINT: Enter full or partial Email Address');
}
else {
$('#ctl00_MainContent_txtSearch').watermark('Enter full or partial Phone Number');
$('#ctl00_MainContent_lblHint').text('HINT: Enter just numbers to find any portion of the phone number.');
};
});
$('#ctl00_MainContent_txtSearch').watermark("Enter partial first and last name seperated by a space. ");
});
</script>
</div>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="25D4A75C" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAENEy7e9MbqvknEKw3gDElc3bfYdsS22b54mYxTRr0swNV8IaDLN3P4GhERc/yqbliiX7Fl3HqfXqTbJ/4WL9Mq/GVcpYyMJZJwHmRbgz1gS83teEfisbiK0J6MsCAFer75Cp8oJk3+Fb4KKF40+QmWV2D1visYSX09UJiiLs2bmi/DFk3wA4tC8ehojbEe0z3hKPf8R0YGUkJhC9XbRtPVFOmyKVvDiBrB+ZcPyrEwsTQjvYhvAr1k7LB/HojXnH1EahtnQ/lgdgJCS3bba3O7dBTql7VNuD+M0tXi0OOei+3ErOEY+15LKhxKC5sunYqPf0qTxSoytTMarrDUVf7ExGiwqfy7vwPET532DTz5kolr2YYHoS4dlXoDK9GU+rO/M6wzHX2a6bNb6YZHNnKfeASOk2uWAukG7wl1LiAfJIxcv3Er7l2m0ozdfigZjX6UfGp1F7dOz0W6Jiv54F2fGI8c9irskkz7cgqn5riq66/oiwonz6vKxoAmlnyH6BNY/5lldfK4kb+ptA28xD2MOd6AD+z+PWACwPZeJSUje7Z+I/HPZ86NEZcbXwR9jxA65ztu1kU74YQ/BSKVk0wnw8eiARJJtmJkS9n+TqtdwJ0Ti/kQe/WMiLWqi3nJlCTCdYrWaftoQE2FVo/2/vp8kXtsf6lQ3TPpz0Ijel3I0suLLJpUK8ai6lcCbF6OAQijvIx5ygRp7FMfC1CmSWOUmbQfXaLcTEnzoQIm/d8AqBxYuUD7j0z2C/VuB/d/FkRBDSth/+iYP11bqBd0baDNNFo6HD7/2/drqSOIGdEPJab2XOoIWavjbss9CLWDnR/AyXcl7Sr+mACQr6aiap0w7Z24LQdY9Lj4anc+JI/uxR3bKv+SVZQii7Xui91qJdckUqEu6iC4Ozdb9+LuUDHG7MBEn44bxjp70ikqvq5eVsPwnuFh74MxJt/qvZlNbiSiBLyJqrJkQ+KVNHWu2edEFUE6XhgL17O0SSdxhyPcR+lS8L/oZCC1HMBjD7quXwM1S+mD9Z8sEr5rjA9ORvWMEaE2ip1h86xC2K65XK3F8K8wb/JxKSxANaGN5lBZgtD/yf8TWAbfjWZsCowpUlmqH2E/fNmxqwCKjg64sqkzo9itPPfWQA5xHpWT3am8N3KsZN4ib95E+Nhe8Gtp3VQOXf4imZK9kpbZ5yHIIxXUH8Acn3mD4oBRbdm7ou9DnidjaFiYP4L367Pqoxq7s3tzCs/vVaQgiihx8xU43FJs8eUhgpQKSMTUQtPjXfwMun//JwogLhTFeuMNO1FA4Y8GE/P2IdbwOJM5vFf85fVnYlPu96cJlb4MpXdnPjPWrTwbj+1hvoMv5XJummeI5pu3cdwRLYxBVUXmhoAg7tHAkafRisPwWqd2sHPIDo0PsxB2BB5Zb1Z3g5FO49ycqKK3nWW+PCtYOyBVPc0wQrKoa2vgSDwHZjNcQD3KM2dNfLWM=" />
</div></form>
<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Internet Explorer","requestId":"7691c7f197d94ed88073b4f759caf169"}
</script>
<script type="text/javascript" src="http://localhost:52873/8976e197f19641a5a1064ac6e82d353d/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html>ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Can you post the rendered HTML (view source from browser)