Pastebin is 300% more awesome when you are logged in. Sign Up, it's FREE!
Guest

client side

By: a guest on Dec 13th, 2012  |  syntax: HTML  |  size: 4.17 KB  |  hits: 38  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.                 $("#oqc").submit(function(){
  2.                         var formData = new FormData($(this)[0]);
  3.  
  4.                         $.ajax({
  5.                                 url: doinput.php,
  6.                                 type: 'POST',
  7.                                 data: formData,
  8.                                 async: false,
  9.                                 success: function (data) {
  10.                                         alert(data)
  11.                                         return this;
  12.                                         },
  13.                                 cache: false,
  14.                                 contentType: false,
  15.                                 processData: false
  16.                                 });
  17.                         return false;
  18.                         });
  19.  
  20.                 $('#filename').change(function() {
  21.                         var detail = $(this).val();
  22.                         var lastIndex = detail.lastIndexOf("\\");
  23.                         if (lastIndex >= 0) {
  24.                                 detail = detail.substring(lastIndex + 1);
  25.                                 }
  26.                         $('#detail').val('data/'+detail);
  27.                         });
  28.  
  29.                 $( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
  30.                 $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
  31.  
  32.                 $("input").autocomplete();
  33.  
  34.                 $("#datepicker").datepicker({
  35.                          dateFormat:'yy-mm-dd'
  36.                         });
  37.                 });
  38.   </script>
  39.  
  40.  
  41. </head>
  42. <body>
  43. <div id="wrapper">
  44.  
  45. <div id="header">
  46.         <div id="center_header" >
  47.                 <div id="left_header" >
  48.                 QA PROBLEM LIST
  49.                 </div><!-- #left_header -->
  50.  
  51.                 <div id=menu >
  52.                         <?php include('menu.htm'); ?>
  53.                 </div><!-- #menu -->
  54.         </div><!-- #center_header -->
  55. </div> <!-- #header -->
  56.  
  57. <div id="container">
  58.         <div id="center_container">
  59.                 <div id="tabs">
  60.                 <ul>
  61.                         <li><a href="#tabs-1">OQC</a></li>
  62.                         <li><a href="#tabs-2">Mechanism</a></li>
  63.                 </ul>
  64.  
  65.                 <div id="tabs-1">
  66.                 <form id="oqc" method="post" enctype="multipart/form-data">
  67.                         <table>
  68.                                 <tr>
  69.                                         <td>Model</td>
  70.                                         <td>:</td>
  71.                                         <td><input type="text" id="mod" name="mod" /></td>
  72.                                 </tr>
  73.                                 <tr>
  74.                                         <td>Serial</td>
  75.                                         <td>:</td>
  76.                                         <td><input type="text" id="no" name="no" /></td>
  77.                                 </tr>
  78.                                 <tr>
  79.                                         <td>Lot No</td>
  80.                                         <td>:</td>
  81.                                         <td><input type="text" id="lotno" name="lotno" /></td>
  82.                                 </tr>
  83.                                 <tr>
  84.                                         <td>Date</td>
  85.                                         <td>:</td>
  86.                                         <td><input type="text" id="datepicker" name="date" /></td>
  87.                                 </tr>
  88.                                 <tr>
  89.                                         <td>Symptom</td>
  90.                                         <td>:</td>
  91.                                         <td><textarea id="sym" name="sym" rows="5" cols="30"></textarea></td>
  92.                                 </tr>
  93.                                 <tr>
  94.                                         <td>Cause</td>
  95.                                         <td>:</td>
  96.                                         <td><textarea id="coz" name="coz" rows="5" cols="30"></textarea></td>
  97.                                 </tr>
  98.                                 <tr>
  99.                                         <td>Status</td>
  100.                                         <td>:</td>
  101.                                         <td><input id="stat1" type="radio" class="stat" name="stat" value="OPEN" />OPEN
  102.                                             <input id="stat2" type="radio" class="stat" name="stat" value="CLOSED" />CLOSED</td>
  103.                                 </tr>
  104.                                 <tr>
  105.                                         <td>Countermeasure</td>
  106.                                         <td>:</td>
  107.                                         <td><textarea id="cm" name="cm" rows="5" cols="30"></textarea></td>
  108.                                 </tr>
  109.                                 <tr>
  110.                                         <td>Details</td>
  111.                                         <td>:</td>
  112.                                         <td>
  113.                                                 <input type="text" id="detail" name="detail" />
  114.                                                 <input id="filename" name="uploadedfile" type="file" />
  115.                                         <!--    <input type="submit" value="Upload File" />  -->
  116.                                         </td>
  117.                                 </tr>
  118.                                 <tr>
  119.                                         <td colspan="3" align="center">
  120.                                                 <input type="submit" id="oqcsubmit" value="Submit" />
  121.                                                 <input type="hidden" name="action" value="oqcdata" />
  122.                                         </td>
  123.                                 </tr>
  124.                         </table>
  125.                 </form>
  126.                 </div>