API tools faq
paste
Guest User

Untitled

a guest
Feb 3rd, 2013
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.25 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta content="initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />
  5.     <meta name="viewport" content="width=device-width" />
  6.     <meta name="apple-mobile-web-app-capable" content="yes" />
  7.   <link type="text/css" rel="stylesheet" href="style.css" media="screen" />
  8.   <link type="text/css" rel="stylesheet" href="mobiscroll-2.3.custom.min.css" media="screen" />
  9.   <link type="text/css" rel="stylesheet" href="jquery-ui.css" media="screen" />
  10.   <link rel="stylesheet" href="js/jquery.signaturepad.css">
  11.   <link rel="stylesheet" href="js/jquery.mobile.min.css">  
  12.     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  13.     <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
  14.   <script type="text/javascript" charset="utf-8" src="SQLitePlugin.js"></script>
  15.   <script type="text/javascript" charset="utf-8" src="js/dbCommon.js"></script>
  16.     <link rel='stylesheet' href='popbox.css' type='text/css' media='screen' charset='utf-8'>
  17. </head>
  18.  
  19. <body>
  20.  
  21.     <div data-role="page" id="mainPage">
  22.         <script src="js/jquery-1.8.2.min.js"></script>
  23.         <script src="js/jquery.mobile-1.2.0.min.js"></script>
  24.         <script src="js/jqm.autoComplete-1.5.0-min.js"></script>
  25.         <script type='text/javascript' charset='utf-8' src='js/q.js'></script>
  26.         <script type='text/javascript' charset='utf-8' src='js/db.js'></script>
  27.         <div style="padding: 0px 0px 10px 15px;">
  28.         <img style="display: block;" src="images/logo.jpg" width="250" height="78" alt="Microwave Safety Systems"/>
  29.       </div>
  30.         <div data-role="header">
  31.             <div id='cssmenu'>
  32.           <ul>
  33.              <li class="active"><a href="test2.html"><span>New Form</span></a></li>
  34.              <li><a href="clients.html"><span>Add Clients</span></a></li>
  35.              <li><a href="barcode.html"><span>Scan Barcode</span></a></li>
  36.              <li><a href="sync.html"><span>Sync Database</span></a></li>
  37.              <li><a href="id.html"><span>Device ID</span></a></li>
  38.           </ul>
  39.         </div>
  40.         </div>
  41.         <table width="100%" style="font-size: 12pt; padding: 25px 25px 0px 25px;">
  42.       <tr valign="top">
  43.         <td width="35%">
  44.           Barcode: <br/>
  45.           <input type="text" id="barcode"/><br/>
  46.           Date: <br/>
  47.           <input type="text" id="startDate"/><br/>
  48.           Job Start: <br/>
  49.           <input type="text" id="startTime"/><br/>
  50.           Inspector: <br/>
  51.           <input type="text" id="inspector"/><br/>
  52.         </td>
  53.         <td width="10"></td>
  54.         <td width="35%">
  55.           Make/Model: <br/>
  56.           <input type="text" id="model"/><br/>
  57.           Serial No: <br/>
  58.           <input type="text" id="serialNo"/><br/>
  59.           Job Finished: <br/>
  60.           <input type="text" id="finishTime"/><br/>
  61.         </td>
  62.       </tr>
  63.       </table>
  64.       <table width="100%" style="font-size: 12pt; padding: 0px 25px 0px 25px;">
  65.       <tr>
  66.         <td>
  67.           Company: <br/>
  68.                     <input type="text" id="clientname">
  69.                     <ul id="suggestions" data-role="listview" data-inset="true"></ul>
  70.                     <br/>
  71.           Site Name: <br/>
  72.             <input type="text" id="sitename"/><br/>
  73.           Address: <br/>
  74.           <input type="text" id="address"/>
  75.           <ul id="addressSuggestions" data-role="listview" data-inset="true"></ul>
  76.           <br/>
  77.           Location of Unit: <br/>
  78.           <input type="text" id="location"/><br/>
  79.         </td>
  80.       </tr>
  81.       </table>
  82.         <table width="100%" cellpadding="25">
  83.       <tr>
  84.         <td>
  85.           <hr size="1" color="#999"/><br/>
  86.           <label class="open"><input id="broken" type="checkbox" /> Broken Microwave</label>
  87.           <br/><br/><hr size="1" color="#999"/>
  88.         </td>
  89.       </tr>
  90.       </table>
  91.       <table width="100%" class="notBroken" style="padding: 0px 25px 0px 25px;">
  92.       <tr valign="top">
  93.         <td width="35%">
  94.           <b>Physical Condition: <br/></b>
  95.           <font size="1">
  96.             (Select the ones that are bad) <br/>
  97.           </font>
  98.           <select multiple id="conditionBad" name="conditionBad">
  99.             <option class="checker" value="Door">Door</option>
  100.             <option class="checker" value="Light">Light</option>
  101.             <option class="checker" value="Keypad">Keypad</option>
  102.             <option class="checker" value="Cooking Cavity">Cooking Cavity</option>
  103.             <option class="checker" value="Seal">Seal</option>
  104.             <option class="checker" value="Power Cord">Power Cord</option>
  105.             <option class="checker" value="Turn Table">Turn Table</option>
  106.             <option class="checker" value="Grille">Grille</option>
  107.           </select><br/><br/>
  108.           Comments: <br/>
  109.           <font size="1">
  110.             (Any additional comments to the physical condition) <br/>
  111.           </font>
  112.           <textarea name="comments" id="comments" value="comments" style="width: 100%; height: 80px;"></textarea><br/><br/>
  113.         </td>
  114.         <td width="45%">
  115.           <table width="100%">
  116.            <tr valign="top">
  117.             <td>
  118.               <img src="images/micro.png" width="350" height="200"/>
  119.             </td>
  120.             <td width="5"></td>
  121.             <td>
  122.                 <b>Highest Reading: <br/></b>
  123.                 <input type="text" id="highest"/><br/><br/>
  124.                         Select Point of Highest Radiation: <br/>
  125.                         <select id="point" name="point">
  126.                             <option class="checker" value="one">one</option>
  127.                             <option class="checker" value="two">two</option>
  128.                             <option class="checker" value="three">three</option>
  129.                             <option class="checker" value="four">four</option>
  130.                             <option class="checker" value="five">five</option>
  131.                             <option class="checker" value="six">six</option>
  132.                             <option class="checker" value="seven">seven</option>
  133.                             <option class="checker" value="eight">eight</option>
  134.                             <option class="checker" value="nine">nine</option>
  135.                           </select><br/><br/>
  136.             </td>
  137.            </tr>
  138.           </table>
  139.         </td>
  140.       </tr>
  141.       </table>
  142.       <table width="100%" class="notBroken" style="padding: 0px 25px 0px 25px;">
  143.       <tr>
  144.         <td>  
  145.           <font size="3"><b>ESTIMATED POWER OUTPUT</b></font><br/><br/>
  146.           Manufacturers Power Output Reading: <br/>
  147.           <input type="text" id="moutput"/><br/><br/>
  148.           <u>Determination of Power Output</u><br/><br/>
  149.           Temperature of Portable Water (T1):
  150.           <input type="text" id="tOne"/><br/><br/>
  151.           Time in Seconds Water was subjected to High Power (t1): <br/>
  152.           <i>63 secs</i><br/><br/>
  153.           Final Temperature of water after Period (T2): <br/>
  154.           <input type="text" id="tTwo"/><br/><br/>
  155.           This equation will calculate Power Output (Wv):<br/>
  156.           <b>T2 - T1 = &#x25B2;T</b><br/>
  157.           Change in Temperature (&#x25B2;T):<br/>
  158.           <input type="text" id="changes"/><br/>
  159.           Current Power Output (70x&#x25B2;T):<br/>
  160.           <input type="text" id="currentpow"/><br/>
  161.           Current Power output over Manufacturers rated Output Reading : <br/>
  162.           <input type="text" id="rate"/><br/><br/>
  163.         </td>
  164.       </tr>
  165.       </table>
  166.       <form>
  167.       <div style="padding: 0px 25px 0px 25px;">
  168.             Expiry Date: <br/>
  169.           <input type="text" id="expiryDate"/><br/><br/>
  170.           <b>Signature Name:</b><br/>
  171.           <input type="text" id="sigName"/><br/><br/>
  172.           <div class="sigPad" id="signature">
  173.             <ul class="sigNav">
  174.               <li class="drawIt"><a href="#draw-it">Signature</a></li>
  175.               <li class="clearButton"><a href="#clear">Clear</a></li>
  176.             </ul>
  177.             <div class="sig sigWrapper">
  178.               <div class="typed"></div>
  179.               <canvas class="pad" width="400" height="95"></canvas>
  180.               <input type="hidden" name="output" id="sig" class="output">
  181.             </div>
  182.           </div><br/><br/>
  183.           <input type="submit" class="open" id="subnow" onclick="insertForm()" value="SUBMIT" />
  184.       </div>
  185.       </form>
  186.       <script type="text/javascript">
  187.             $("#clientname").autocomplete({
  188.                 target: $('#suggestions'),
  189.                 source: function(text,callback) { var mydata = listClients(text); callback(mydata); $('#suggestions').listview('refresh'); alert('working'); },
  190.                 callback: function(e) {
  191.                     var $a = $(e.currentTarget);
  192.                     $('#clientname').val($a.text());
  193.                     $("#clientname").autocomplete('clear');
  194.                 },
  195.                 minLength: 3
  196.             });
  197.            
  198.             $("#address").autocomplete({
  199.                 target: $('#addressSuggestions'),
  200.                 source: function(text,callback) { var mydata = listAddress(text); callback(mydata); },
  201.                 callback: function(e) {
  202.                     var $a = $(e.currentTarget);
  203.                     $('#address').val($a.text());
  204.                     $("#address").autocomplete('clear');
  205.                 },
  206.                 minLength: 4
  207.             });
  208.         </script>
  209.     </div>
  210.  
  211.     <script src="js/jquery.signaturepad.min.js"></script>
  212.     <script>
  213.  
  214.         /*
  215.         $("#mainPage").live("pageinit", function(e) {
  216.  
  217.             $("#clientname").autocomplete({
  218.                 target: $('#suggestions'),
  219.                 source: function(text,callback) { var mydata = listClients(text); callback(mydata); },
  220.                 callback: function(e) {
  221.                     var $a = $(e.currentTarget);
  222.                     $('#clientname').val($a.text());
  223.                     $("#clientname").autocomplete('clear');
  224.                 },
  225.                 minLength: 3
  226.             });
  227.            
  228.             $("#address").autocomplete({
  229.                 target: $('#addressSuggestions'),
  230.                 source: function(text,callback) { var mydata = listAddress(text); callback(mydata); },
  231.                 callback: function(e) {
  232.                     var $a = $(e.currentTarget);
  233.                     $('#address').val($a.text());
  234.                     $("#address").autocomplete('clear');
  235.                 },
  236.                 minLength: 4
  237.             });
  238.            
  239.         });    
  240.             */
  241.        
  242.     </script>
  243.     <script src="js/json2.min.js"></script>
  244. </body>
  245. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!