Your IP : 216.73.216.249

Current Path : /home/etiennec/www/lib/jquery-ui-1.8.9/tests/visual/datepicker/
Upload File :
Current File : /home/etiennec/www/lib/jquery-ui-1.8.9/tests/visual/datepicker/viewport.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Mon 26JanTest application details - by chrisv from #3863 (Viewport test)</title>
	<link href="css/styling.css" rel="stylesheet" type="text/css">
	<style type="text/css">
	label {
		float: left;
		min-width: 12em;
	}
	tr.rule-above td {
		border-top: solid 1px #CCCCCC;
		margin-top: 1em;
	}
	</style>
	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
	<script type="text/javascript" src="../../../jquery-1.4.4.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.datepicker.js"></script>
	<style type="text/css">
	label.error {
		color: #ff4c00;
		font-style: italic;
	}
	input.error {
		border: 1px dotted red;
	}
	
	</style>
	<style type="text/css">
	.ui-datepicker {
		font-size: 80%;
	}
	</style>
	<script type="text/javascript">  /* configure date picker */
	$(function() {
	  $(".datepicker").datepicker({ 
	    dateFormat: 'd M yy', 
	    firstDay: 1, 
	    changeMonth: false, changeYear: false, 
	    showOtherMonths: true,
	    mandatory: true
	  });
	});
	</script>
</head>
<body>
<div id="container">
  <div id="center" class="column">
    <h2>Mon 26JanTest</h2>
    <h3>Application progress</h3>
    <form name="frm" id="frm" method="post" action="">

      <table>
        <tr>
          <td><label for="Firstname">First name:</label></td>
          <td><input name="Firstname" id="Firstname"  size="12" value="Mon"></td>
        </tr>
        <tr>
          <td><label for="Lastname">Last name:</label></td>
          <td><input name="Lastname" id="Lastname" size="12" value="26JanTest"></td>

        </tr>
        <tr>
          <td><label for="Email">Email:</label></td>
          <td><input name="Email" id="Email" size="18" value="x@y.com"></td>
        </tr>
        <tr>
          <td><label for="RegionalMentorID">Responsible RM:</label></td>
          <td><select name="RegionalMentorID" id="RegionalMentorID">

              <option value="">–</option>
            </select>
          </td>
        </tr>
        <tr>
          <td><label for="Status">Status:</label></td>
          <td><select name="Status" id="Status">
              <option selected value="Active">Active</option>

              <option  value="Dropped out">Dropped out</option>
              <option  value="Completed">Completed</option>
            </select>
          </td>
        </tr>
        <tr class="rule-above">
          <td>Applic’n rec’d</td>

          <td><input type="text" name="ApplicationReceivedOn" id="ApplicationReceivedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date"></td>
        </tr>
        <tr class="rule-above">
          <td>Stage 1 mtg</td>
          <td><input type="text" name="Stage1MtgOnD" id="Stage1MtgOnD" value="27 Jan 2009" class="datepicker" size="12" title="Enter date">
            <input type="text" name="Stage1MtgOnT" id="Stage1MtgOnT" value="11:00" size="4" title="Enter time">
            @
            <input name="Stage1MtgAt" id="Stage1MtgAt" value="someplace">
          </td>

        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><label>Confirmed on</label>
            <input type="text" name="Stage1MtgConfirmedOn" id="Stage1MtgConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
          </td>
        </tr>
        <tr>

          <td>&nbsp;</td>
          <td><label>Attended</label>
            <input type="radio" name="Stage1MtgAttended" id="Stage1MtgAttendedY"  value="Y">
            Yes
            <input type="radio" name="Stage1MtgAttended" id="Stage1MtgAttendedY" checked value="N">
            No </td>
        </tr>
        <tr>

          <td>&nbsp;</td>
          <td><label>Hard-copy given</label>
            <input name="Stage1HardCopyGiven" type="radio"  value="Y">
            Yes
            <input name="Stage1HardCopyGiven" type="radio" checked value="N">
            No </td>
        </tr>
        <tr>

          <td>&nbsp;</td>
          <td><br>
            <label>Handover on</label>
            <input type="text" name="Stage1HandoverOn" id="Stage1HandoverOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
          </td>
        </tr>
        <tr class="rule-above">
          <td>Stage 2 mtg</td>

          <td><input type="text" name="Stage2MtgOnD" id="Stage2MtgOnD" value="28 Jan 2009" class="datepicker" size="12" title="Enter date">
            <input type="text" name="Stage2MtgOnT" id="Stage2MtgOnT" value="11:00" size="4" title="Enter time">
            @
            <input name="Stage2MtgAt" id="Stage2MtgAt" value="someplace">
            <br>
            <label>Confirmed on</label>
            <input type="text" name="Stage2MtgConfirmedOn" id="Stage2MtgConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
            <br>
            <label>Contacts:</label>

            <i></i> <br>
            <label>Postcode areas:</label>
            <i></i> <br>
            <label>Document explanations given</label>
            <input name="Stage2DocExplanGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2DocExplanGiven" type="radio" checked value="N">

            No <br>
            <label>Franchisee contacts given</label>
            <input name="Stage2ContactFranchiseesGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2ContactFranchiseesGiven" type="radio" checked value="N">
            No <br>
            <label>Finance options given</label>

            <input name="Stage2FinanceOptionsGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2FinanceOptionsGiven" type="radio" checked value="N">
            No <br>
            <label>Financials given</label>
            <input name="Stage2FinancialsGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2FinancialsGiven" type="radio" checked value="N">
            No <br>

            <label>Business plan given</label>
            <input name="Stage2BusinessPlanGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2BusinessPlanGiven" type="radio" checked value="N">
            No <br>
            <label>Agreement given</label>
            <input name="Stage2AgreementGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2AgreementGiven" type="radio" checked value="N">

            No <br>
            <label>Disclosure letter given</label>
            <input name="Stage2DisclosureLetterGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2DisclosureLetterGiven" type="radio" checked value="N">
            No <br>
            <label>Medical letter given</label>

            <input name="Stage2MedicalLetterGiven" type="radio"  value="Y">
            Yes
            <input name="Stage2MedicalLetterGiven" type="radio" checked value="N">
            No <br>
            <label>Attended</label>
            <input name="Stage2MtgAttended" type="radio"  value="Y">
            Yes
            <input name="Stage2MtgAttended" type="radio" checked value="N">
            No </td>

        </tr>
        <tr class="rule-above">
          <td>Site visit</td>
          <td><input type="text" name="SiteVisitOnD" id="SiteVisitOnD" value="29 Jan 2009" class="datepicker" size="12" title="Enter date">
            <input type="text" name="SiteVisitOnT" id="SiteVisitOnT" value="13:00" size="4" title="Enter time">
            @
            <input name="SiteVisitAt" id="SiteVisitAt" value="somewhere else">
            <br>
            <label>Site visit contact</label>

            <br>
            <label>Confirmed on</label>
            <input type="text" name="SiteVisitConfirmedOn" id="SiteVisitConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
            <br>
            <label>Attended</label>
            <input name="SiteVisitAttended" type="radio"  value="Y">
            Yes
            <input name="SiteVisitAttended" type="radio" checked value="N">

            No </td>
        </tr>
        <tr class="rule-above">
          <td>Director interview</td>
          <td><input type="text" name="DirectorInterviewOnD" id="DirectorInterviewOnD" value="30 Jan 2009" class="datepicker" size="12" title="Enter date">
            <input type="text" name="DirectorInterviewOnT" id="DirectorInterviewOnT" value="13:00" size="4" title="Enter time">
            @
            <input name="DirectorInterviewAt" id="DirectorInterviewAt" value="boss pad">

            <br>
            <label>Confirmed on</label>
            <input type="text" name="DirectorInterviewConfirmedOn" id="DirectorInterviewConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
            <br>
            <label>Attended</label>
            <input name="DirectorInterviewAttended" type="radio"  value="Y">
            Yes
            <input name="DirectorInterviewAttended" type="radio" checked value="N">

            No <br>
            <label>Financials Recd</label>
            <input name="DirectorFinancialsRecd" type="radio"  value="Y">
            Yes
            <input name="DirectorFinancialsRecd" type="radio" checked value="N">
            No <br>
            <label>Business plan Recd</label>

            <input name="DirectorBusinessPlanRecd" type="radio"  value="Y">
            Yes
            <input name="DirectorBusinessPlanRecd" type="radio" checked value="N">
            No <br>
            <label>Agreement Recd</label>
            <input name="DirectorAgreementRecd" type="radio"  value="Y">
            Yes
            <input name="DirectorAgreementRecd" type="radio" checked value="N">
            No <br>

            <label>Disclosure letter Recd</label>
            <input name="DirectorDisclosureLetterRecd" type="radio"  value="Y">
            Yes
            <input name="DirectorDisclosureLetterRecd" type="radio" checked value="N">
            No <br>
            <label>Medical letter Recd</label>
            <input name="DirectorMedicalLetterRecd" type="radio"  value="Y">
            Yes
            <input name="DirectorMedicalLetterRecd" type="radio" checked value="N">

            No <br>
            <label>Accept/decline sent on</label>
            <input type="text" name="AcceptDeclineLetterSentOn" id="AcceptDeclineLetterSentOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
          </td>
        </tr>
      </table>
    </form>
  </div>

</div>
<!-- 11ms -->
</body>
</html>