Link to home
Start Free TrialLog in
Avatar of Sheritlw
SheritlwFlag for United States of America

asked on

JQuery Datepicker Dropdown loses date, textbox ok


I have a content form with the jQuery datepicker.
The related textbox is within an updatepanel.
I have the dropdown, dropping down after a postback, but the dropdowns date is the original date.

For example,
Open the form, the default date is today set using (defaultDate: +0)  (i.e. December 8, 2011).
I click the textbox to open the datepicker dropdown and select a new date, like July 7, 2011.  The textbox shows the correct date.  No problem so far.
When I go back and click again on the textbox, the datepickers dropdown's selected date is the original date (i.e. December 8, 2011) while the textbox date is what it's supposed to be July 7, 2011.
How do I get this working?
Thanks
<script src="../Scripts/jquery.datepick.min.js" type="text/javascript"></script>
    <script type="text/javascript">

       $(function() {
       

          $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ defaultDate: +0, dateFormat: 'DD, M. dd, yyyy', selectDefaultDate: true,
             onSelect: function() {
                this.fireEvent && this.fireEvent('onchange') || $(this).change();
             }
          });

          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

          function EndRequestHandler(sender, args) {
             $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ dateFormat: 'DD, M. dd, yyyy',
             onSelect: function() {
                   this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }

             });

          }

       });

      
 </script>

Open in new window

Avatar of chaitu chaitu
chaitu chaitu
Flag of India image

paste your screen shot here..
what do you mean "When I go back and click again on the textbox," ?? do you mean that you first select a data, then when you try to select it once again it problems?
Avatar of Sheritlw

ASKER


Sorry for not being clear.
The datepicker dropdown's date is not corresponding to the previous selected date.
I've attached a picture, I hope that helps.
Thanks
DatePicker-Error.png
"When I go back and click again on the textbox,"  mean you click on another tab and then go back to this page. then find that the date in the datepicker is wrong?
you mean to say drop down date should be selected as July 20,2011 same as text box date.
you mean to say drop down date should be selected as July 20,2011 same as text box date.
SOLUTION
Avatar of chaitu chaitu
chaitu chaitu
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial

None of those examples have anything to do with the datepickers dropdown.

Any other ideas?

Thanks

you mean to say drop down date should be selected as July 20,2011 same as text box date.

Yes, that is the way it is supposed to work.  There is something in my Javascript code that is messing it up.  
I don't know enough about jQuery/Javascript to figure it out.
is it possible to attach your HTML code that you have done so far?

I'm sure the problem has to do with masterpages and the update panel.  I just don't know how to fix it.
The date is selected, which causes a postback.  I have the javascript that rebuilds the datepicker and forces the datepicker to set the date in the textbox.
Without the update panel it works fine.  With it ......   I need to know how to use it with an update panel.

Thanks
is it possible to attach your HTML code that you have done so far?

I pasted the code below.

Thanks for your help.
<!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>
	Stylist Studio
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
   <link href="../CSS/main.css" rel="stylesheet" type="text/css" />
   <link rel="icon" type="image/png" href="/images2020/ScissorIcon.png" />
   <link href="../CSS/main.css" rel="stylesheet" type="text/css" />
   <title></title>

      <script src="../Scripts/jquery.datepick.min.js" type="text/javascript"></script>
    <script type="text/javascript">

       $(function() {
       

          $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ defaultDate: +0, dateFormat: 'DD, M. dd, yyyy', selectDefaultDate: true,
             onSelect: function() {
                this.fireEvent && this.fireEvent('onchange') || $(this).change();
             }
          });

          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

          function EndRequestHandler(sender, args) {
             $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ dateFormat: 'DD, M. dd, yyyy',
             onSelect: function() {
                   this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }

             });

          }

       });

      
 </script>  

   <link href="../CSS/jquery.datepick.css" rel="stylesheet" type="text/css" />
    
    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="Salon Software, Booth Renter Software, Independent Contractor Software, Hair Colorist Software, Stylist Software, Retail, Hair Color, Salon Programs" /><meta name="description" content="Stylist Studio is a web based application designed specifically for independent contractors. Stylist Studio works with all internet devices, i.e., tablets, smart-phones, laptops etc. Stylist Studio works the way booth-renters/independent contactors work." /><meta name="author" content="Stylist Management Studio Inc." /><meta name="googlebot" content="index,follow" /><meta name="robots" content="index,follow" /></head>
<body>
    <form name="aspnetForm" method="post" action="Client_Services.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm" enctype="multipart/form-data">
<div>
<input type="hidden" name="ctl00_ToolKitMaster_HiddenField" id="ctl00_ToolKitMaster_HiddenField" value="" />
<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="Skc68yYJI0o+dTNowIcfrt6Ro7C89PyRcPxKuEBkQs+hxBmHGUy1n24/cp9KfXFKu/pchZ+50kejR6aXsw+Upfgp+gMoWRfdoW+o4vCh9OBt2QiDKL+Nu16wQ6mJ84CTkhO2TyMb3XbdBmw2xLbUL25uBK2cHqE+MtcHsRZwDJHhzcPDVqFhUE7E+D92V3+0a1ZkalHEqXo3yPpm+pDHOLiik+JIM+XcEarkYA3TEY5kFfa7nnxgfpC1u1/XZH+lf00XLZy39SCJ+gECWG/k/x8iZFsmGDvs7tXoY6e+3IifY3W9qKo2CON9WRybO8hZ/zrABe0Nog4FqzBTG5fFs1rLPXefAycbLtmpGPEqUgBufFyaxrJugJT2uqq5YVwzDqs4nM4sxM1hO4P2OhGmN5dsAE+dYEsvLW/u3cw7cmG5OYgC+BjGgAHVc2/nBpsyFmDruqU2Q5JTmqTZI84F88mlxsxBIi4/aDS9fQwDHYv5qtltcitMaPC9ZnUUuGeIkyJ4IdE9GDAXNRroLP4T6WHCkpbAK0JpKDX3EP+aHMrYQoJEJaCkiymSKZ7/H3O10Ifv75+yiYeIWoGXO9qJi0+8jIJCagd3W2Lb1dl3IZqwzB2EVPPaPkU4xmcyi127Vk7IZJjXS3i5fECdGFrvrawAj/7k9vignvoRBm7wwXrV2NjSMtSWMNeHeQTULtvDYZLCndHirvm3Uhl9atkLE6h8voH5/NIFvQB+m5Qj5txPksJjQb3bSJteQGMqUGK1tavgLxdPy1A4LUmF2Xcr75wuOzCCZhLVRowsXc1+SGLGbP8rbk/GwPZUaO0tZu5/wRPKjxtJNCKJW6eG7mM9dtwDdRPwiDyP3vvxPcoaG1smAVZzEhpFUZDFIIdQ5mQzsbruEMs57ZLo3d+A/B6D6Wwnzc7WTzxLdPTizBSe2Ap59LMObeXNAi2JK1N2z7gCN3CWnFiMInfnTTDVc3L7GU+JY9wYUDMhiq4W4ZbdekzV2Zk0y/lgtoBml5ehpScH77QEIYNisn9FwTNybZbZeQIpI9rojWrRrj2udNoOZ5GVrTSsvoV8BoCaAmOMpNj1P/0dmdFSxA2216eiFOM03+JlMUJZ0e2b0gNhMFlHjlqJ/zkv1kxORaIlGAJEzmwWKsUnr3B1KBiusVSIYot0eRzSX5qdtPOyNXE+YBIcENaOo21guH3OyH76aRvShb1BC9dPLkkNa+E1JRrhvDj0J9Z2hvNc1nDwvFLFJy4b3hGVs7IrUTTu0vE0HrkzlDGJWePChmCzsMUJZssv6AQH/p47gdzSSNGIrPQpF3F+pDGT6xGzSPV31OZ2jytcv4lH0ZesC2t6Y5xWQR1cu05ux58cyyJIk5+7kcae26OasOK2IaNbuZAkKwhI/20hBbk8bzzsta41UbXdd4GPzjIzq3p1fdjEY/PugoNaTldssZNfDKtpXOd/4tlQf5CYH4AAFZkkNEOwok1Cfi9863W2iW+SuXiZsTuh8lCFm+cwp7l4XYSEGExIpMgUp7+wTOKUJPp7jF3yv6R+8Y2vDQiKFikELVt+DIG9Vgh4tiGewACZWhOuQ9Y5W914bQiP2p/U27hpus1L4bg34ryF3GVuC9ugq7DA0AOSYwV/sQlcq15Jg/AXELmyRUNrm+uzq+HlNnfrladJ0w61NxU/wAVHLTUq2uOkkrhXtRZ/H3H1HsNTzwtoi7OxsQlWOg0Bhi9c8UXWzhS24dMroM5zRR5NP0MCeUJbckPsYXtT/HJ5k6ZCnPvcoZmI+CV3xYau5zGQUxSUiwjXA9yMo6dphkibOW373UrUByuCetQuszU7E2u4xJ3Kf4FuxfsQdknEzV8t1z0gj001cM3CDKONDq51GJyWLJQu3wwhoFnkx3o721qqxsZX9yCqg7skrG4b2ClLeqt0B61IqtfGKaquwvJrlCqlBbX1CFOJyGRyb0e6EhAnwOiN6f6IjjSZdUk3DPbcSEWA5xa0SG4TbzXQAam5D2cNOtX9kyPTblDiB8j9mjQXZe+a4HzIpXvSBXcalsfqmqFOovqJzEZPxtG9eZvRxJL31vVp2YNqZI5IhDFK9URtdmkVIMamMmVg4SJnoNY0gOs++snaZv1mRqgd2RMy9Ai8LTwXMB1zai2ZEiZ1kOQTcxhhbH16rh7/wyPe8U/nABUWqPmxs925mShLQu4PgcB6TdT+nMhOj+YvQTrBGEu857FHVHfK5gfIq7re6SwYxWADU1Ge60V4HicBXdkvINIoCWO/wrbMXRQ5c9F8qaeKuw0xGxWwJ2+OetqDMLhI85mKwvkYEe8Jde7nP05CfQReYus7Q5wWdHT89uFyvtBaXs9dofdDJYr0a8QpgbzxEClDCjprUAH4/bUHZ2Sc4/SaQBbd3/e8ROK+fJfC82/COXjOUVs9MdbsdKikscFHiTt30HkIQnugHG04amF/M2dNA6y7EfN93Qkw+3KQ5+HPt5I4bOLQpfKxtQVaZkLWB7uRHNM8HieIlVINayT+H7onZUo=" />
</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=0qYapkYQMMKHmDlZMXK_antY4jmp_21VxWo4IN-GnH5Px_ybLOsuy7qXI4gTX8i0oikoFpitThutG8B-47NN5XFoErM1&amp;t=634245046914809245" type="text/javascript"></script>


<script src="/ScriptResource.axd?d=peHSWMKsAjudCDUedaa1UjCGuB4wm0IGUwYrLO2UoD66YfuUqQ6FZ75Om9Dq61AEoFAA3HGNLJCIgFvybZBX5kNhWqJY4CrOYqumENXw4Tp1d3jKIZuB2_xZx6tP8K9dF9wV_4evoiezm4LZ7MUMZ1xkwyY1&amp;t=ffffffff967a6818" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=WIwbkeCYIK28KGR23Bh8d1LPfYH3CrMBOiKlggJJiDHgR1evmsuZCToVoAtUD1icfqhq27r2S0Rb36BJ6eJ9AchT9ISfP6TG9IgEW0V-KpIpF6mS0&amp;t=245582f9" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=2iZO9yEFIIYS0iTXxfD2jLyxKfKk5kJjewByETRP7G8jV6BIg-DMlWhJWYVqQL_b52Cspf20OIW-UHm2fDR9rvjTHvPHLq2kaZfKn_eVW3Gnuf7qK7ReSLWal0LiljyBVNnygg2&amp;t=245582f9" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>

<div>

	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="NBy92n12G38jKYHuHqu3WT2Fpx6bT9kcHhKv8vHcwabX3MtfNtCFNBlvwUQyMBjwHcLOGC2NrzW2m3ojESwumvXPrN0t3IHw/GX1u3hC6kpX5mdpDo43fPI9sRPrT67gZe7eiVShDwpd3+NVUbJjXjBDDMNS33ElgrU0S60viGAKa4GVxCD5kBEY0WQIYh0ovgdGTV8qSc8P2aRt9SZo9jobLQkjuPrzzVzXExvM5FcYunQc39i3VEdP1qvICxanyaC5altcSj2vtcDHFTeCCpHQyIf6jhavhGdxDUJLLUYiKpDD6ZxNRKkF+z/pMpkf31N5W1dey9pnWptx8fwFrOHa25G5fNzVG7GKj/IWEKKE0uFJfjpnb7gq3UKIvRC2EyA017UTMkOarqRQJaZ1anIlS1REgXH8qz95k2qebwc3bVmJJX3g4P7LrLMT5ZgMYeB2r1x64F3F0rIy27GcvSBWbrd92zT9f3IT3/XS/4pFMVDFvh3tGfGhFVc7/qURGN3qYbUTdPYPzeeu4iepO8aXYlsq73IjtbeoGMN6siVy28AGRDuxrxtC6AdBMr34txv3BruWrFu85i7hvzEIIi7vdFzvm11mOlKL6Fhg+QnRgfU7" />
</div>
<div id="wrapper">
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ToolKitMaster', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$ContentPlaceHolder1$UpdatePanel1','tctl00$ContentPlaceHolder1$UpdatePanelCalendar','tctl00$ContentPlaceHolder1$UpdatePanelServices1','tctl00$ContentPlaceHolder1$UpdateFormulas','tctl00$ContentPlaceHolder1$UpdatePanelBeforePic','tctl00$ContentPlaceHolder1$UpdatePanelAfterPic','tctl00$ContentPlaceHolder1$UpdatePanelProdUsed','tctl00$ContentPlaceHolder1$UpdatePanelTotals','tctl00$ContentPlaceHolder1$UpdatePanelCheckOut'], [], [], 90);
//]]>
</script>

   
    <div>

      

        <table id="tablebasic" enableviewstate="false">
         <colgroup>
            <col width="80%" />
            <col width="20%" />
         </colgroup>
            <tr>
                <td class="headerbordered">
                 
                    <ul id="navbarstylist" enableviewstate="false">
	                 
	                  <li><a href="Client_Services.aspx" class="services" title="Click for daily services"></a></li>

	                  <li><a href="#" title="Add/Edit Schedules" class="scheduling"></a>
	                      <ul>
		                     <li><a class="vlist" href="AddEdit_Schedule.aspx" title="Click to add schedules and check availability">Add Schedules</a></li>
		                     <li><a class="vlist" href="Stylist_Availability.aspx" title="Click to find availability">Find Availability</a></li>
		                    
		                    
		                   
	                     
	                     
	                      </ul>
	                  </li>
	                  <li><a href="PurchaseProducts.aspx" class="retail" title="Click for retail sales"></a></li>

	                  <li><a href="#" title="Click for client details" class="clients"></a>
		                  <ul>
			                  <li><a class="vlist" href="Client_Details.aspx" title="Click to Add/Edit/View Client Details">Client Details</a></li>
			                  <li><a class="vlist" href="Importing.aspx" title="Click to import client information">Import Clients</a></li>
		                  </ul>
		             </li>

	                  <li><a href="#" title="Click for formula options." class="formulas" ></a>

	                      <ul>
			                  <li><a class="vlist" href="FormulaWizard.aspx" title="Click to define formulas">Create Formulas</a></li>
			                  <li><a class="vlist" href="FindFormula.aspx?menu=true" title="Click to search for a formula">Find Formulas</a></li>
		                 </ul>
	                  
	                  </li>	                  
	                  <li><a href="#" title="Click for inventory options." class="inventory"></a>
		                  <ul>
			                  <li><a class="vlist" href="InventoryWizard.aspx" title="Click to edit inventory">Add/Edit Inventory</a></li>

			                  <li><a class="vlist" href="Inventory.aspx" title="Click to Receive Inventory Orders">Inventory List</a></li>
			                  <li><a class="vlist" href="Inventory_Order.aspx" title="Click to View/Add/Edit Current Inventory Orders">Ordering</a></li>
			                  <li><a class="vlist" href="Inventory_Receiving.aspx" title="Click to Receive Inventory Orders">Receiving</a></li>
		                  </ul>
	                  </li>
	                  <li><a href="#" title="Click to add/edit your default settings/values." class="setup" ></a>
	                      <ul>

			                  <li><a class="vlist" href="Setup.aspx" title="Click to add/edit items in the setup wizard.">Setup Wizard</a></li>
			                  <li><a class="vlist" href="InventoryWizard.aspx" title="Click to setup inventory">Inventory Wizard</a></li>
			                  <li><a class="vlist" href="FormulaSetupWizard.aspx" title="Click to setup formula defaults">Formula Setup</a></li>
	                            <li><a class="vlist" href="Manage_Portfolio.aspx" title="Click to manage portfolio.">Portfolio Setup</a></li>
	                            <li><a class="vlist" href="Importing.aspx" title="Click to import information.">Import Customers</a></li>
		                 </ul>

	                  
	                  </li>
	                  <li><a href="Reports.aspx" class="reports"></a>
	                  </li>
	                  <li><a href="#" class="support"></a>
		                  <ul class="support" >
	                            <li><a class="vlist" href="../HelpFiles/HelpFiles.htm">Help</a></li>
			                  <li><a class="vlist" href="../Contact_Us.aspx">Suggestions</a></li>
			                  <li><a class="vlist" href="../Contact_Us.aspx">Contact</a></li>

			                  <li><a class="vlist" href="../About.aspx">About Us</a></li>
			                  <li><a class="vlist" href="../Links.aspx">Links</a></li>
		                  </ul>
	                  </li>
	                 
                  </ul>                
             
                </td>
                <td align="right" valign="bottom" style="padding-right:2%; font-size:100%" >
                     <br /><br />

                       
                               
                               <input id="ctl00_LoginView2_LoginStatus2" type="image" name="ctl00$LoginView2$LoginStatus2$ctl01" src="../images2020/UnlockButtMaster.png" alt="Logout" style="border-width:0px;" />
                               
                           
                </td>
          </tr>
 
        </table>
      
    </div>

  </div>
  
   <div>  
   
   <div class="formclear"></div>
   <div id="wrap">

    <div id="right">
       <img alt="Help Files" onclick="javascript:showHelp()" src="../images2020/help_32P.png" onmouseover="this.style.cursor = 'pointer';"/>  
   </div>
      <div id="left">
      <div id="ctl00_ContentPlaceHolder1_UpdatePanel1">
	
         <input type="submit" name="ctl00$ContentPlaceHolder1$buttClientEdit" value="Edit Client Information" id="ctl00_ContentPlaceHolder1_buttClientEdit" disabled="disabled" class="button" />
         &nbsp;&nbsp;&nbsp;&nbsp;<b>Client Name:</b>&nbsp;
         <span id="ctl00_ContentPlaceHolder1_lblClientName" style="color:Navy;font-size:100%;font-weight:bold;font-style:italic;text-decoration:underline;"></span>
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiCustomerID" id="ctl00_ContentPlaceHolder1_HiCustomerID" />

         <input name="ctl00$ContentPlaceHolder1$txtSchedID" type="text" id="ctl00_ContentPlaceHolder1_txtSchedID" class="butthidden" />
         <input name="ctl00$ContentPlaceHolder1$txtServiceID" type="text" id="ctl00_ContentPlaceHolder1_txtServiceID" class="butthidden" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiFormulaIDList" id="ctl00_ContentPlaceHolder1_HiFormulaIDList" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiFormulaGroupIDList" id="ctl00_ContentPlaceHolder1_HiFormulaGroupIDList" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiProductLUIDList" id="ctl00_ContentPlaceHolder1_HiProductLUIDList" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiDivVisible" id="ctl00_ContentPlaceHolder1_HiDivVisible" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiRetailID" id="ctl00_ContentPlaceHolder1_HiRetailID" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiTabSelected" id="ctl00_ContentPlaceHolder1_HiTabSelected" />
         

</div>
   </div>  
  </div> 
<div class="formclear"></div>
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttFormulaIDList" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttFormulaIDList&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttFormulaIDList" class="butthidden" />
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttSetDate" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttSetDate&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttSetDate" class="butthidden" />
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttFormulaFromClientWzd" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttFormulaFromClientWzd&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttFormulaFromClientWzd" class="butthidden" />
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttUpdatePanel" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttUpdatePanel&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttUpdatePanel" class="butthidden" />
     <br />
<div id="tabpanels">

  <ul id="navbartabs" enableviewstate="true">
      <li id="li_0" class="vTabOver" onclick="javascript:showhidedivs(this)">Schedules</li>
      <li id="li_1" class="vTab" onclick="javascript:showhidedivs(this)">Services</li>
      <li id="li_2" class="vTab" onclick="javascript:showhidedivs(this)">Formulas</li>
      <li id="li_3" class="vTab" onclick="javascript:showhidedivs(this)">Before/After</li>
      <li id="li_4" class="vTab" onclick="javascript:showhidedivs(this)">Products</li>

      <li id="li_5" class="vTab" onclick="javascript:showhidedivs(this)">Totals</li>
 </ul>

<div class="formclear"></div>
  <div id="div_0" class="divborder" style="display:block">
  
    <div id="ctl00_ContentPlaceHolder1_UpdatePanelCalendar">
	
               
         <table style="width:98%; margin-left:auto; margin-right:auto" enableviewstate="false">
         <colgroup>
            <col width="15%" />

            <col width="34%" />
            <col width="39%" />
            <col width="12%" />
         </colgroup>
         <tr>
               <td align="left" colspan="4">Click Date to Change Date:&nbsp; 
                  <input name="ctl00$ContentPlaceHolder1$txtCalendar" type="text" value="Monday, December 12, 2011" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$txtCalendar\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_txtCalendar" class="controltext" style="font-weight:bold;width:40%;" />
                  <div id="ctl00_ContentPlaceHolder1_UpdateProgress1" style="display:none;">
		<img alt="Please Wait... Loading" enableviewstate="false" src="../images2020/ajax-loader.gif" />Please wait...
	</div>

                  </td>
         </tr>
         </table>
      <div style="width:100%">
          
                     <div style="width:100%">
                     <table id="ctl00_ContentPlaceHolder1_lstSchedules_itemPlaceholderContainer" style="vertical-align:top; border:solid 1px gray">
		<tr id="ctl00_ContentPlaceHolder1_lstSchedules_Tr1" style="vertical-align:top; border:solid 1px gray">
			<td class="ListViewHeader" style="width:14%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblDate">Schedule Date</span></td>

			<td class="ListViewHeader" style="width:18%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblClient">Client</span></td>
			<td class="ListViewHeader" style="width:15%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblService">Service</span></td>
			<td class="ListViewHeader" style="width:10%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblStart">Start time</span></td>
			<td class="ListViewHeader" style="width:10%"><span id="ctl00_ContentPlaceHolder1_lstSchedules_lblEnd">End Time</span></td>

			<td class="ListViewHeader" style="width:10%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_Label18">Actions</span></td>
			<td class="ListViewHeader" style="width:12%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_Label16">Service</span></td>
		</tr>

			
                        <tr style="background-color:#fcfdc1; border:solid 1px gray"><td colspan="8" align="center">
                              <br /><input type="submit" name="ctl00$ContentPlaceHolder1$lstSchedules$ctrl0$AddNew" value="Click to add new appointment" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$lstSchedules$ctrl0$AddNew&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_lstSchedules_ctrl0_AddNew" class="button" /></td></tr></table>

	
                     </div>
                     
            
            
        
      </div>
     
</div>
     
   </div> 
   <div id="div_1" class="divborder" style="display:none">
         <div id="ctl00_ContentPlaceHolder1_UpdatePanelServices1">
	
               <span class="butthidden"><input id="ctl00_ContentPlaceHolder1_chkPrevService" type="checkbox" name="ctl00$ContentPlaceHolder1$chkPrevService" /></span>   

            
                  
                    
 
         
</div>
   </div>
   <div id="div_2" class="divborder" style="display:none">

      <div id="ctl00_ContentPlaceHolder1_UpdateFormulas">
	
      <table width="98%">
      <tr id="trOptions">
         <td>
            <div id="ctl00_ContentPlaceHolder1_PnlFormulaOptions" disabled="disabled">
		
            
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttSelectFormula" value="Select Base Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttSelectFormula" class="button" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttSelectClientFormula" value="Select Client Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttSelectClientFormula" class="button" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttFindFormula" value="Find Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttFindFormula" class="button" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttCreateFormula" value="Create New Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttCreateFormula" class="button" />

        
	</div>
         </td>
      </tr>
      <tr>
         <td>
        
         
         
         <div id="ctl00_ContentPlaceHolder1_Panel1" class="modalQuestionBackground" style="display:none">
		<br />
         <h5>Select Formula</h5>

         
         <select name="ctl00$ContentPlaceHolder1$ddClientFormula" id="ctl00_ContentPlaceHolder1_ddClientFormula" class="controltext" style="background-color:#FCFDC1;width:98%;">
			<option value="-1"> --- Select/Create Formula --- </option>

		</select>
         
         <br /><br />
            
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttClientFormulaUse" value="Use Selected Formula" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttClientFormulaUse&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttClientFormulaUse" class="button" />
            
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttClientFormulaCancel" value="Cancel" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttClientFormulaCancel&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttClientFormulaCancel" class="button" />
            <br />

         
	</div>
       
            
            
            <div id="ctl00_ContentPlaceHolder1_Panel2" class="modalQuestionBackground" style="display:none">
		<br />
            <h5>Select Formula</h5>
            <select name="ctl00$ContentPlaceHolder1$ddSelectFormula" id="ctl00_ContentPlaceHolder1_ddSelectFormula" class="controltext" style="width:98%;">
			<option selected="selected" value="-1">Select Formula</option>
			<option value="18">Bayalage Color</option>

			<option value="12">Bayalage Color</option>
			<option value="15">Bayalage Dark Brown/ Red</option>
			<option value="11">Red Berry</option>
			<option value="1">Red Cherry</option>
			<option value="14">Red Chilie</option>
			<option value="2">Red Golden</option>

			<option value="13">Violet Sky</option>

		</select>
            
            <br /><br />
               <input type="submit" name="ctl00$ContentPlaceHolder1$Button1" value="Use Selected Formula" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$Button1&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_Button1" class="button" />
               
               <input type="submit" name="ctl00$ContentPlaceHolder1$buttFormulaBaseCancel" value="Cancel" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttFormulaBaseCancel&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttFormulaBaseCancel" class="button" /><br />
          
	</div>
            </td>
          </tr>

        
          <tr id="ctl00_ContentPlaceHolder1_trShowClientFormulas">
		<td>
        
         <div>
			<table cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_grdClientFormulaGroups" style="border-color:LightGrey;border-style:Outset;width:95%;border-collapse:collapse;">
				<tr>
					<td>Select an option above to add formula.</td>
				</tr>
			</table>

		</div>    
         
                 </td>
	</tr>
	
               <tr>
                 <td>&nbsp;</td>
               </tr>
            </table>  
      
</div>
 
   </div>
   <div id="div_3" class="divborder" style="display:none">

      <table width="95%">
               <colgroup>
                   <col width="50%" />
                   <col width="50%" />
               </colgroup>
               <tr>
               
                <td colspan="2" align="center">
                     <h4 class="blue">Upload Pictures from your Device/Computer.</h4>

                </td>
             </tr>
                <tr>
              <td colspan="2" align="center">
               <span style="font-weight:bold"><input id="ctl00_ContentPlaceHolder1_chkAddPicsToPortfolio" type="checkbox" name="ctl00$ContentPlaceHolder1$chkAddPicsToPortfolio" checked="checked" /><label for="ctl00_ContentPlaceHolder1_chkAddPicsToPortfolio">Add Pictures to Portfolio</label></span>

              </td>
           </tr>

           <tr>
                <td colspan="2">
                     &nbsp;&nbsp;</td>
           </tr>
        
           
           <tr>
                <td align="center">
                    <div id="ctl00_ContentPlaceHolder1_UpdatePanelBeforePic">
	<img id="ctl00_ContentPlaceHolder1_imgBeforePhoto" src="../images2020/resume-photo.jpg" style="border-style:Inset;border-width:0px;" />
                    

</div>
                </td>
                <td align="center">
                    <div id="ctl00_ContentPlaceHolder1_UpdatePanelAfterPic">
	
                       <img id="ctl00_ContentPlaceHolder1_imgAfterPhoto" src="../images2020/resume-photo.jpg" style="border-style:Inset;border-width:0px;" />
                    
</div>
                </td>
           </tr>      
           
           
           <tr>
               
                <td align="center">

                   Before Picture Title
                </td>
                <td align="center">
                   After Picture Title
                </td>
                
           </tr>
           
           <tr>
               
                <td align="center">
                   <input name="ctl00$ContentPlaceHolder1$txtBeforePicName" type="text" maxlength="50" id="ctl00_ContentPlaceHolder1_txtBeforePicName" style="width:60%;" />
                </td>

                
                <td align="center">
                   
                   <input name="ctl00$ContentPlaceHolder1$txtAfterPicName" type="text" maxlength="50" id="ctl00_ContentPlaceHolder1_txtAfterPicName" style="width:60%;" />
                </td>
           </tr>
           <tr>
               
                <td align="center">
                    <input type="file" name="ctl00$ContentPlaceHolder1$fuBeforePhoto" id="ctl00_ContentPlaceHolder1_fuBeforePhoto" />
                    
                    
                
                </td>
                
                <td align="center">

                    <input type="file" name="ctl00$ContentPlaceHolder1$fuAfterPhoto" id="ctl00_ContentPlaceHolder1_fuAfterPhoto" />
                    
                    
                </td>
           </tr>

           <tr>
                <td align="center">
                    <input type="submit" name="ctl00$ContentPlaceHolder1$buttBeforePhoto" value="Upload Picture" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttBeforePhoto&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttBeforePhoto" />
                </td>
                <td align="center">

                    <input type="submit" name="ctl00$ContentPlaceHolder1$buttAfterPhoto" value="Upload Picture" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttAfterPhoto&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttAfterPhoto" />
                </td>
           </tr>

           <tr>
                <td colspan="2">
                     &nbsp;&nbsp;</td>
           </tr>
           
           <tr>

                <td colspan="2">
                     &nbsp;&nbsp;</td>
           </tr>     
           </table>
   </div>
   <div id="div_4" class="divborder" style="display:none">
      <div id="ctl00_ContentPlaceHolder1_UpdatePanelProdUsed">
	
            
 
      
<h3>Add Retail Products</h3>
   
 
                    
         
          
      
    
      

</div>
   </div>
  <div id="div_5" class="divborder" style="display:none">
           <div id="ctl00_ContentPlaceHolder1_UpdatePanelTotals">
	
                  <table width="90%">
               <colgroup>
                   <col width="33%" />
                   <col width="33%" />
                   <col width="33%" />

               </colgroup>
                  
                  <tr>
                      <td align="left" colspan="3">
                          <input type="submit" name="ctl00$ContentPlaceHolder1$buttCalcTotals" value="Calculate Totals" id="ctl00_ContentPlaceHolder1_buttCalcTotals" disabled="disabled" class="button" />
                         
                          <input type="submit" name="ctl00$ContentPlaceHolder1$buttTotalsClear" value="Clear Totals" id="ctl00_ContentPlaceHolder1_buttTotalsClear" disabled="disabled" class="button" />
                      </td>
                      
                      
                  </tr>
                  <tr>
                      <td colspan="3">

                          &nbsp;
                      </td>
                 </tr>
                  
                  <tr>
                      <td>
                        Service Sub Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtServiceTotals" type="text" id="ctl00_ContentPlaceHolder1_txtServiceTotals" class="controltextwidthsmall" />
                      </td>

                      
                      <td>
                        Service Taxes<br />
                          <input name="ctl00$ContentPlaceHolder1$txtServiceTaxes" type="text" id="ctl00_ContentPlaceHolder1_txtServiceTaxes" class="controltextwidthsmall" />
                          <input type="hidden" name="ctl00$ContentPlaceHolder1$HiServTaxRate" id="ctl00_ContentPlaceHolder1_HiServTaxRate" />
                      </td>
                      <td>
                        Service Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtServiceSubTotal" type="text" id="ctl00_ContentPlaceHolder1_txtServiceSubTotal" class="controltextwidthsmall" />

                      </td>
         
                  </tr>
                     <tr>
                      <td>
                           Product Sub Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtProductTotal" type="text" id="ctl00_ContentPlaceHolder1_txtProductTotal" class="controltextwidthsmall" />
                      </td>
                      
                      <td>

                          Product Taxes<br />
                          <input name="ctl00$ContentPlaceHolder1$txtProductTaxes" type="text" id="ctl00_ContentPlaceHolder1_txtProductTaxes" class="controltextwidthsmall" />
                          <input type="hidden" name="ctl00$ContentPlaceHolder1$HiProdTaxRate" id="ctl00_ContentPlaceHolder1_HiProdTaxRate" />
                      </td>
                      <td>
                           Product Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtProductSubTotal" type="text" id="ctl00_ContentPlaceHolder1_txtProductSubTotal" class="controltextwidthsmall" />
                      </td>

                  </tr>
                  <tr>
                      <td colspan="3" >
                          Other Details<br />
                          <textarea name="ctl00$ContentPlaceHolder1$txtServiceDescribe" rows="2" cols="20" id="ctl00_ContentPlaceHolder1_txtServiceDescribe" style="font-size:95%;width:93%;"></textarea>
                      </td>
                  </tr>     
                  <tr>

                      <td colspan="3">
                          &nbsp;
                      </td>
                 </tr>
                 <tr>
                      <td valign="bottom">
                         &nbsp;
                      </td>
                      <td valign="bottom" align="right">

                        Sub Total:&nbsp;
                      </td>
                      <td valign="bottom">
                       <input name="ctl00$ContentPlaceHolder1$txtTotalServProd" type="text" id="ctl00_ContentPlaceHolder1_txtTotalServProd" class="controltextwidthsmall" />
                      </td>
                  </tr>               
                  
                  <tr>
                      <td>
                         &nbsp;

                      </td>
                      <td align="right">
                          Total Taxes:&nbsp;
                      </td>
                      <td>
                          <input name="ctl00$ContentPlaceHolder1$txtTotalTaxes" type="text" id="ctl00_ContentPlaceHolder1_txtTotalTaxes" class="controltextwidthsmall" />
                      </td>
         
                  </tr>

                  <tr>
                      <td>
                         &nbsp;
                      </td>
                      <td align="right">
                          Total:&nbsp;
                      </td>
                      <td>

                          <input name="ctl00$ContentPlaceHolder1$txtTotal" type="text" id="ctl00_ContentPlaceHolder1_txtTotal" class="controltextwidthsmall" style="background-color:#FFFFCC;" />
                      </td>
                  </tr>
                  <tr>
                      <td>
                         &nbsp;
                      </td>
                      <td align="right">
                          Tip:&nbsp;

                      </td>
                      <td>
                        <input name="ctl00$ContentPlaceHolder1$txtTip" type="text" id="ctl00_ContentPlaceHolder1_txtTip" class="controltextwidthsmall" />                
                      </td>
                      
                  </tr>
                  
                  <tr>
                      <td>
                          &nbsp;
                      </td>

                      <td>
                          &nbsp;
                       </td>
                      <td align="center">
                         <input type="submit" name="ctl00$ContentPlaceHolder1$buttCheckOut" value="Check Out" id="ctl00_ContentPlaceHolder1_buttCheckOut" disabled="disabled" class="button" />
                      </td>
                      
                 </tr>                
                 
               </table>
          
</div>        
             <div id="ctl00_ContentPlaceHolder1_UpdatePanelCheckOut">

	
               
               <div id="ctl00_ContentPlaceHolder1_PnlCheckOut" class="PanelBackground" style="overflow:scroll;">
		 
               <div id="ctl00_ContentPlaceHolder1_Panel3" style="cursor: move;background-color:Purple;border:solid 1px Gray;color:white">
			
                <div>
                  <center>
                    <span id="ctl00_ContentPlaceHolder1_lblCompleted" style="color:White;font-weight:bold;"></span>
                  </center>
                </div>
            
		</div>
               <table style="margin:.5em">

                  <tr>
                     <td align="right">
                        Amount Due:
                     </td>
                     <td>
                        <span id="ctl00_ContentPlaceHolder1_lblAmtDue"></span>
                     </td>
                  </tr>
                  <tr>

                     <td colspan="2">
                        &nbsp;
                     </td>
                  </tr>
                  <tr>
                     <td align="right">
                        Payment Type:
                     </td>
                     <td>

                        <select name="ctl00$ContentPlaceHolder1$ddPaymentType" id="ctl00_ContentPlaceHolder1_ddPaymentType" class="controltextwidthsmall">
			<option selected="selected" value="-1">---Select Payment Type---</option>
			<option value="5">AMEX</option>
			<option value="1">Cash</option>
			<option value="2">Check</option>
			<option value="3">Mastercard</option>

			<option value="6">Pay Pal</option>
			<option value="4">Visa</option>

		</select>
                        
                     </td>
                  </tr>
                  <tr>
                     <td align="right">

                        Amount Received:
                     </td>
                     <td>
                    <input name="ctl00$ContentPlaceHolder1$txtAmtRec" type="text" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$txtAmtRec\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_txtAmtRec" class="controltextwidthsmall" />
                    <span id="ctl00_ContentPlaceHolder1_CompareValidator4" style="color:Red;visibility:hidden;">Please enter currency value as 99.99</span>
                     </td>
                  </tr>
                  <tr>
                     <td align="right">

                        Change Due:
                     </td>
                     <td>
                        <input name="ctl00$ContentPlaceHolder1$txtChangeDue" type="text" id="ctl00_ContentPlaceHolder1_txtChangeDue" class="controltextwidthsmall" />
                        <span id="ctl00_ContentPlaceHolder1_CompareValidator1" style="color:Red;visibility:hidden;">Please enter currency value as 99.99</span>
                     </td>
                  </tr>
                  <tr>
                     <td colspan="2">

                        
                     </td>
                  </tr>
                  
                  <tr>
                     <td colspan="2" align="center">
                        <input id="ctl00_ContentPlaceHolder1_chkCompleted" type="checkbox" name="ctl00$ContentPlaceHolder1$chkCompleted" /><label for="ctl00_ContentPlaceHolder1_chkCompleted">  Service has been completed?</label>
                     </td>
                  </tr>

                  <tr>
                     <td align="right">
                        <input type="button" name="ctl00$ContentPlaceHolder1$buttCancelCheckout" value="Cancel" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolder1$buttCancelCheckout','')" id="ctl00_ContentPlaceHolder1_buttCancelCheckout" class="button" />
                     </td>
                     <td align="center">
                        <input type="button" name="ctl00$ContentPlaceHolder1$buttSaveService" value="Save/Update" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolder1$buttSaveService','')" id="ctl00_ContentPlaceHolder1_buttSaveService" class="button" />
                     </td>
                  </tr>
               </table>

            
	</div>
            
</div>
  </div> 
  
  </div>  
  
  
<script type="text/javascript">
   function DoTabClick() {
      var obj = document.getElementById("li_0");
      SetBackColor(obj);

      return false;
     
   }
   function SetBackColor(obj) {
      var ul = document.getElementById("navbartabs");
      var items = ul.getElementsByTagName("li");
      for (var i = 0; i < items.length; ++i) {
         items[i].style.color = '#000000';
         items[i].style.backgroundColor = '#b9c4d9';
      }
      obj.style.color = '#FFFFFF';
      obj.style.backgroundColor = '#000000';
      
      
   }
   function clickcreateschedule(itemindex) {
      var item = "li_" + itemindex;
      var itemsched = "li_" + "0";
      var div0 = document.getElementById("div_0");
      var div1 = document.getElementById("div_1");
      div1.style.display = "block";
      div0.style.display = "none";
      updateupdatepanel(0);
      updateupdatepanel(1);
      var obj = document.getElementById(item);
      var objSched = document.getElementById(itemsched);
      objSched.style.color = '#000000';
      objSched.style.backgroundColor = '#b9c4d9';
      obj.style.color = '#FFFFFF';
      obj.style.backgroundColor = '#000000';

      return false;
   }
      function showhidedivs(obj) {
         var arr = new Array(6);
         arr[0] = "div_0";
         arr[1] = "div_1";
         arr[2] = "div_2";
         arr[3] = "div_3";
         arr[4] = "div_4";
         arr[5] = "div_5"; 
         
         var hi = document.getElementById('ctl00_ContentPlaceHolder1_HiTabSelected');
         var itemindex = obj.id.replace('li_', '');
         hi.value = itemindex;
         for (var i = 0; i < arr.length; ++i) {
               if (i == itemindex) {
                  document.getElementById(arr[i]).style.display = "block";
               }
               else {
                  document.getElementById(arr[i]).style.display = "none";
               }

            }

            if (itemindex > 0) {
               updateupdatepanel(itemindex);
               document.title = document.getElementById('ctl00_ContentPlaceHolder1_lblClientName').innerText;
               
            }

            SetBackColor(obj);
            
            return false;
         }

       
         function updateupdatepanel(itemindex) {
         var prm = Sys.WebForms.PageRequestManager.getInstance();

         switch (itemindex) {
            case "0":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelCalendar', '');
               break;
            case "1":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelServices1', '');
               break;
            case "2":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdateFormulas', '');
               break;
            case "3":
               break;
            case "4":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelProdUsed', '');
               break;
            case "5":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelTotals', '');
               break;
            default:
               break;
         }
   }
   function showHelp() {
      var arr = new Array(6);
      arr[0] = "div_0";
      arr[1] = "div_1";
      arr[2] = "div_2";
      arr[3] = "div_3";
      arr[4] = "div_4";
      arr[5] = "div_5";

      var itemindex = -1;
      for (var i = 0; i < arr.length; ++i) {
         var obj = document.getElementById(arr[i]);

         if (obj.style.display == "block") {
            itemindex = i;
            break;
         }
         }
         if (itemindex == 0) {
            helpfile = window.open('../HelpFiles/SchedulingServices.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 1) {
            helpfile = window.open('../HelpFiles/Services.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 2) {
            helpfile = window.open('../HelpFiles/ServiceFormulas.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }

         else if (itemindex == 3) {
            helpfile = window.open('../HelpFiles/ServicesBeforeAfter.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 4) {
            helpfile = window.open('../HelpFiles/ServicesProducts.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 5) {
            helpfile = window.open('../HelpFiles/ServicesTotals.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }

         else {
            return false;
         }

   }
     
      function setdivopen(obj, row) {
         var div = document.getElementById(obj);
         var img = document.getElementById('img' + obj);
         div.style.display = "block";
         img.src = "/images2020/Minus.png";

      }
      function showDate(sender, args) {
         if (sender._textbox.get_element().value == "") {
             var todayDate = new Date();
           sender._selectedDate = todayDate;
         }
         
      }
      
      function expandcollapse(obj, row) {
         var div = document.getElementById(obj);
         var img = document.getElementById('img' + obj);
         var hi = document.getElementById('ctl00_ContentPlaceHolder1_HiDivVisible');

         if (div.style.display == "none") {
            div.style.display = "block";
            if (row == 'alt') {
               img.src = "/images2020/Minus.png";
               hi.value = "Yes";
            }
            else {
               img.src = "/images2020/Minus.png";
               hi.value = "Yes";
            }
            img.alt = "Close to view other steps";
         }
         else {
            div.style.display = "none";
            if (row == 'alt') {
               img.src = "/images2020/Plus.png";
               hi.value = "No";
            }
            else {
               img.src = "/images2020/Plus.png";
               hi.value = "No";
            }
            img.alt = "Expand to show Items";
         }
      } 
</script>

   

  
 </div>
    <div id="footer" enableviewstate="false">
    <br />
   <br />

       <hr />
    <h5 class="bold">Stylist Management Studio Inc.</h5>
    <h6>1728 Doves Road <br />
    Fort Mill, SC. 29708<br />
    <a href="mailto:support@service2020.com?Subject=Service2020">support@service2020.com</a></h6>
    
    </div>
    <div class="formclear"></div>

    <div>
   <span id="ctl00_SiteMapPath1"><a href="#ctl00_SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=JK5woq9UVMO44bCiKbVdZ9I80fUfpmJYlXO246ZKYzDbYygj691WMz4GXCcA8hb_Aqg-ThqobNjeaxXT18tggnAiZ441&amp;t=634245046914809245" style="border-width:0px;" /></a><span>Services</span><a id="ctl00_SiteMapPath1_SkipLink"></a></span>
 </div>
    
<script type="text/javascript">
//<![CDATA[
var Page_Validators =  new Array(document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator4"), document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator1"));
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var ctl00_ContentPlaceHolder1_CompareValidator4 = document.all ? document.all["ctl00_ContentPlaceHolder1_CompareValidator4"] : document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator4");
ctl00_ContentPlaceHolder1_CompareValidator4.controltovalidate = "ctl00_ContentPlaceHolder1_txtAmtRec";
ctl00_ContentPlaceHolder1_CompareValidator4.errormessage = "Please enter currency value as 99.99";
ctl00_ContentPlaceHolder1_CompareValidator4.type = "Currency";
ctl00_ContentPlaceHolder1_CompareValidator4.decimalchar = ".";
ctl00_ContentPlaceHolder1_CompareValidator4.groupchar = ",";
ctl00_ContentPlaceHolder1_CompareValidator4.digits = "2";
ctl00_ContentPlaceHolder1_CompareValidator4.groupsize = "3";
ctl00_ContentPlaceHolder1_CompareValidator4.evaluationfunction = "CompareValidatorEvaluateIsValid";
ctl00_ContentPlaceHolder1_CompareValidator4.operator = "DataTypeCheck";
var ctl00_ContentPlaceHolder1_CompareValidator1 = document.all ? document.all["ctl00_ContentPlaceHolder1_CompareValidator1"] : document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator1");
ctl00_ContentPlaceHolder1_CompareValidator1.controltovalidate = "ctl00_ContentPlaceHolder1_txtChangeDue";
ctl00_ContentPlaceHolder1_CompareValidator1.errormessage = "Please enter currency value as 99.99";
ctl00_ContentPlaceHolder1_CompareValidator1.type = "Currency";
ctl00_ContentPlaceHolder1_CompareValidator1.decimalchar = ".";
ctl00_ContentPlaceHolder1_CompareValidator1.groupchar = ",";
ctl00_ContentPlaceHolder1_CompareValidator1.digits = "2";
ctl00_ContentPlaceHolder1_CompareValidator1.groupsize = "3";
ctl00_ContentPlaceHolder1_CompareValidator1.evaluationfunction = "CompareValidatorEvaluateIsValid";
ctl00_ContentPlaceHolder1_CompareValidator1.operator = "DataTypeCheck";
//]]>
</script>


<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get("ctl00_ToolKitMaster_HiddenField").value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
    ValidatorOnLoad();
}

function ValidatorOnSubmit() {
    if (Page_ValidationActive) {
        return ValidatorCommonOnSubmit();
    }
    else {
        return true;
    }
}
        //]]>
</script>

<script src="/Stylist/Client_Services.aspx?_TSM_HiddenField_=ctl00_ToolKitMaster_HiddenField&amp;_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d3.5.50731.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3aec0bb675-3ec6-4135-8b02-a5c5783f45f5%3ade1feab2%3af2c8e708%3a720a52bf%3af9cec9bc%3a589eaa30%3aa67c2700%3aab09e3fe%3a87104b7c%3a8613aea7%3a3202a5a2%3abe6fb298" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_ContentPlaceHolder1_UpdatePanelCalendar","displayAfter":500,"dynamicLayout":true}, null, null, $get("ctl00_ContentPlaceHolder1_UpdateProgress1"));
});
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","CancelControlID":"ctl00_ContentPlaceHolder1_buttClientFormulaCancel","PopupControlID":"ctl00_ContentPlaceHolder1_Panel1","dynamicServicePath":"/Stylist/Client_Services.aspx","id":"ctl00_ContentPlaceHolder1_ModalPopupExtender1"}, null, null, $get("ctl00_ContentPlaceHolder1_buttSelectClientFormula"));
});
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","CancelControlID":"ctl00_ContentPlaceHolder1_buttFormulaBaseCancel","PopupControlID":"ctl00_ContentPlaceHolder1_Panel2","dynamicServicePath":"/Stylist/Client_Services.aspx","id":"ctl00_ContentPlaceHolder1_ModalPopupExtender2"}, null, null, $get("ctl00_ContentPlaceHolder1_buttSelectFormula"));
});
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","Drag":true,"PopupControlID":"ctl00_ContentPlaceHolder1_PnlCheckOut","PopupDragHandleControlID":"ctl00_ContentPlaceHolder1_Panel3","dynamicServicePath":"/Stylist/Client_Services.aspx","id":"ctl00_ContentPlaceHolder1_mpeCheckout"}, null, null, $get("ctl00_ContentPlaceHolder1_PnlCheckOut"));
});

document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator4').dispose = function() {
    Array.remove(Page_Validators, document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator4'));
}

document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator1').dispose = function() {
    Array.remove(Page_Validators, document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator1'));
}
//]]>
</script>
</form>
   
</body>
</html>

Open in new window

instead of you actual code;if you paste HTML code it wll be good.right click browser and take view source of the page and paste it here.basically am not asp guy.

That's what I did!
What languages do you work with?
can you attach jquery.datepick.css
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
atique_ansari pointed me in the right direction, thus solving my problem.

Posted code for anyone that may have the same problem.
is it atique_ansari  or chaituuu?
I had asked another similar question and atique_ansari gave me the answer.
Since you tried to help me, I gave you the points.