<!DOCTYPE html>
<HTML>
<HEAD>
<!-- METADATA -->
<meta name="author" content="Daniel Alan Guerrero Matamoros">
<meta name="description" content="Schedule example">
<meta name="keywords" content="Schedule, example">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<!-- JQUERY -->
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<!-- JQUERYMOBILE -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="sys.js"></script>
<TITLE>
Schedule
</TITLE>
</HEAD>
<BODY>
<DIV data-role="page" data-theme="b">
<DIV data-role="header" data-theme="b">
<H1>
Schedule
</H1>
</DIV>
<DIV data-role="content" data-theme="a">
<SPAN id="msg"></SPAN>
<DIV id="data"></DIV>
<BR/><BR/>
INSTRUCTIONS
<UL>
<li>
Choise an option
</li>
<li>
Input the day/month/year
</li>
<li>
Input the start hour, description and final hour only if you are gonna add
</li>
<li>
Press the button and ready
</li>
</UL>
<FORM id="form">
<SELECT name="action">
<OPTION value="See">
See
</OPTION>
<OPTION value="Create">
Create
</OPTION>
<OPTION value="Add">
Add
</OPTION>
</SELECT><BR/><BR/>
<LABEL for="j">
Day
</LABEL>
<INPUT name="j" id="j" type="number" size="4" maxlength="2">
<BR/>
<LABEL for="n">
Month
</LABEL>
<INPUT name="n" id="n" type="number" size="4" maxlength="2">
<BR/>
<LABEL for="Y">
Year
</LABEL>
<INPUT name="Y" id="Y" type="number" size="6" maxlength="4">
<BR/>
<LABEL for="Start">
Start hour
</LABEL>
<INPUT name="Start" id="Start" type="text">
<BR/>
<LABEL for="Desc">
Description
</LABEL>
<INPUT name="Desc" id="Desc" type="text">
<BR/>
<LABEL for="Fin">
Final hour
</LABEL>
<INPUT name="Fin" id="Fin" type="text">
<A href="#" id="send"
data-role="button"
data-theme="b" data-icon="action">
Send data
</A>
</FORM>
</DIV>
</DIV>
</BODY>
</HTML>
|
Download
