PHP Classes
elePHPant
Icontem

File: example/index.html

Recommend this page to a friend!
  Classes of Daniel Alan Guerrero Matamoros  >  JSON Schedule creator  >  example/index.html  >  Download  
File: example/index.html
Role: Auxiliary data
Content type: text/plain
Description: Index of the example to display a possible way to receive data
Class: JSON Schedule creator
Manage event time schedules stored in JSON files
Author: By
Last change:
Date: 3 years ago
Size: 3,702 bytes
 

 

Contents

Class file image Download
<!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>