API tools faq
paste
pacozaa

Yipinsoi1

pacozaa
Feb 15th, 2015
228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <%@ page contentType="text/html;charset=UTF-8"%>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  8. <title>Customer Information System</title>
  9. <!-- Bootstrap -->
  10. <link href="../libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
  11. <!-- Include all compiled plugins (below), or include individual files as needed -->
  12. <link href="../css/share/style.css" rel="stylesheet"/>
  13. <link rel="stylesheet" href="../css/share/label.css" media="screen"/>
  14. <link rel="stylesheet" href="../css/share/jquery.navgoco.css" media="screen" />
  15. <!-- Add jqgrid table -->
  16. <!-- jquery-ui CSS -->
  17. <link href="../libraries/jquery-ui/css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet"/>
  18. <!-- standard jqGrid CSS -->
  19. <link href="../libraries/jqGrid/css/ui.jqgrid.css" rel="stylesheet" />
  20. <!-- custom CCS override for jqGrid -->
  21. <link href="../css/share/jqGrid.bootstrap.css" rel="stylesheet" />
  22. <!-- custom CCS Calendar -->
  23. <link href="../libraries/calendar/datepicker.css" rel="stylesheet" media="screen"/>
  24. <!-- selector -->
  25. <link rel="stylesheet" href="../libraries/selector/select2.css" ></link>
  26. <link rel="stylesheet" href="../libraries/selector/select2-bootstrap.css" ></link>
  27. <!-- jQuery necessary for Bootstrap's JavaScript plugins -->
  28. <script type="text/javascript" src="../js/share/jquery-1.10.2.min.js"></script>
  29. <!-- Add jqgrid table -->
  30. <!-- jquery-ui -->
  31. <script type="text/javascript" src="../libraries/jquery-ui/js/jquery-ui-1.10.4.custom.min.js"></script>
  32. <!-- jqGrid -->
  33. <script type="text/javascript" src="../libraries/jqGrid/js/i18n/grid.locale-th.js"></script>
  34. <script type="text/javascript" src="../libraries/jqGrid/js/jquery.jqGrid.min.js"></script>
  35. <!-- End jqgrid table -->
  36. <!-- bootstrap -->
  37. <script type="text/javascript" src="../libraries/bootstrap/js/bootstrap.min.js"></script>
  38. <!-- Calendar -->
  39. <script type="text/javascript" src="../libraries/calendar/bootstrap-datepicker.js"></script>
  40. <script type="text/javascript" src="../libraries/calendar/bootstrap-datepicker-thai.js"></script>
  41. <script type="text/javascript" src="../libraries/calendar/locales/bootstrap-datepicker.th.js"></script>
  42. <!-- selector -->
  43. <script type="text/javascript" src="../libraries/selector/select2.js"></script>
  44. <!-- Include all compiled plugins (below), or include individual files as needed -->
  45. <script type="text/javascript" src="../js/share/script.js"></script>
  46. <script type="text/javascript" src="../js/share/jquery.cookie.min.js"></script>
  47. <script type="text/javascript" src="../js/share/jquery.navgoco.min.js"></script>
  48. <script type="text/javascript" src="../js/share/jqgridConfig.js"></script>
  49. <script type="text/javascript" src="../js/share/FuncString.js"></script>
  50. <script type="text/javascript" src="../js/rq/RQ10020.js"></script>
  51. </head>
  52. <body>
  53.  
  54. <div id="body_panel" class="panel panel-default">
  55. <div class="panel-heading">
  56. <h1>Hello World!</h1>
  57. <p>Resize the browser window to see the effect.</p>
  58. </div>
  59.  
  60. <div class="panel-body well row" style="width:100%;height:100%;">
  61.  
  62. <div>
  63. <div id="menu_collapse">
  64. <ul class="nav well" style="padding: 0px; margin: 0px;">
  65. <li class="active" style="text-align:center; padding: 0px; margin: 0px;"><a style="background: #428bca; color: white; font-size:1.2em; height:37px; text-align:center; vertical-align:middle; line-height: 30px;">รายการ</a>
  66. </li>
  67. <li class="dropdown">
  68. <a class="dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">
  69. <span class="caret"></span>งานติดตั้งระบบประปา</a>
  70. <ul class="dropdown-menu">
  71. <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
  72. <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
  73. <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
  74. <li role="presentation" class="divider"></li>
  75. <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
  76. </ul>
  77. </li>
  78. <li class="test1"><a class="dropdown-toggle" href="#">งานวางท่อ</a><ul class="nav"></ul></li>
  79. <li class="test2"><a href="#" onclick="">การดำเนินการภาคสนามสำหรับมาตรวัดน้ำ</a></li>
  80. </ul>
  81. <p class="external">
  82. <a href="#" id="collapseAll">ยุบเข้าทั้งหมด</a> | <a href="#" id="expandAll">ขยายออกทั้งหมด</a>
  83. </p>
  84. </div>
  85. </div>
  86. <div id="bodyright">
  87. <div class="container" style="width:100%;">
  88. <div class="panel panel-primary" id="form_body" style="margin-bottom: 5px;">
  89. <div class="panel-heading"><h3 class="panel-title" id="heading">โปรแกรมการทำงาน</h3></div>
  90. <div class="panel-body well" style="margin-bottom: 0px; padding-bottom: 0px;">
  91. <form class="form-horizontal form-sm">
  92. <fieldset class="fieldset well" id="barSearch">
  93. <div class="form-group">
  94. <label class="col-xs-3 col-sm-3 control-label">รหัสโปรแกรม</label>
  95. <div class="col-xs-2 col-sm-2">
  96. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  97. </div>
  98. <label class="col-xs-3 col-sm-3 control-label">คำอธิบาย</label>
  99. <div class="col-xs-4 col-sm-4">
  100. <input type="text" class="form-control input-sm" maxlength="50" name="requestGroupDescSrh" id="requestGroupDescSrh"/>
  101. </div>
  102. </div>
  103. <div class="form-group">
  104. <label class="col-xs-3 col-sm-3 control-label">ระบบงาน</label>
  105. <div class="col-xs-2 col-sm-2">
  106. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  107. </div>
  108. <label class="col-md-3 control-label required">ประเภท&nbsp;</label>
  109. <div class="col-md-2">
  110. <select name="objectType" id="objectType" size="1" class="form-control input-sm">
  111. <option value="">เลือกประเภท</option>
  112. <option value="F">จอภาพ</option>
  113. <option value="M">เมนู</option>
  114. <option value="R">รายงาน</option>
  115. </select>
  116. </div>
  117. </div>
  118. </fieldset>
  119. <fieldset class="fieldset well" id="barSearch">
  120. <div class="form-group">
  121. <label class="col-xs-3 col-sm-3 control-label required">ระบบงาน&nbsp;</label>
  122. <div class="col-xs-2 col-sm-2">
  123. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  124. </div>
  125. </div>
  126. <div class="form-group">
  127. <label class="col-xs-3 col-sm-3 control-label">ภายใต้หัวข้อ</label>
  128. <div class="col-xs-5 col-sm-5">
  129. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  130. </div>
  131. </div>
  132. <div class="form-group">
  133. <label class="col-md-3 control-label required">ประเภท&nbsp;</label>
  134. <div class="col-md-2">
  135. <select name="objectType" id="objectType" size="1" class="form-control input-sm">
  136. <option value="">เลือกประเภท</option>
  137. <option value="F">จอภาพ</option>
  138. <option value="M">เมนู</option>
  139. <option value="R">รายงาน</option>
  140. </select>
  141. </div>
  142. </div>
  143. <div class="form-group">
  144. <label class="col-xs-3 col-sm-3 control-label required">รหัสโปรแกรม&nbsp;</label>
  145. <div class="col-xs-4 col-sm-4">
  146. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  147. </div>
  148. </div>
  149. <div class="form-group">
  150. <label class="col-xs-3 col-sm-3 control-label required">คำอธิบาย&nbsp;</label>
  151. <div class="col-xs-5 col-sm-5">
  152. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  153. </div>
  154. </div>
  155. <div class="form-group">
  156. <label class="col-xs-3 col-sm-3 control-label">url</label>
  157. <div class="col-xs-5 col-sm-5">
  158. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  159. </div>
  160. </div>
  161. <div class="form-group">
  162. <label class="col-md-3 control-label">กำหนด Function การทำงาน</label>
  163. <div class="col-md-1">
  164. <div class="checkbox">
  165. <input type="checkbox" name="addIndicator" id="addIndicator" value=""></input>เพิ่ม
  166. </div>
  167. </div>
  168. <div class="col-md-1">
  169. <div class="checkbox" style="width:150px;">
  170. <input type="checkbox" name="inquiryIndicator" id="inquiryIndicator" value=""></input>ค้นหา
  171. </div>
  172. </div>
  173. <div class="col-md-1">
  174. <div class="checkbox">
  175. <input type="checkbox" name="updateIndicator" id="updateIndicator" value=""></input>แก้ไข
  176. </div>
  177. </div>
  178. <div class="col-md-1">
  179. <div class="checkbox">
  180. <input type="checkbox" name="deleteIndicator" id="deleteIndicator" value=""></input>ลบ
  181. </div>
  182. </div>
  183.  
  184. </div>
  185. <div class="form-group">
  186. <label class="col-md-3 control-label">หมายเหตุ</label>
  187. <div class="col-md-5">
  188. <textarea class="form-control" maxlength="125" rows="2" placeholder="หมายเหตุ" cols="5"></textarea>
  189. </div>
  190. </div>
  191. <div class="form-group">
  192. <label class="col-md-3 control-label">เลือกประเภท</label>
  193. <div class="col-md-2">
  194. <div class="radio">
  195. <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="checked">ประเภทที่1</input>
  196. </div>
  197. </div>
  198. <div class="col-md-2">
  199. <div class="radio">
  200. <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1">ประเภทที่2</input>
  201. </div>
  202. </div>
  203. <div class="col-md-2">
  204. <div class="radio">
  205. <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1">ประเภทที่3</input>
  206. </div>
  207. </div>
  208. </div>
  209. <div class="form-group">
  210. <label class="col-xs-3 col-sm-3 control-label">ลำดับที่</label>
  211. <div class="col-xs-4 col-sm-4">
  212. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  213. </div>
  214. </div>
  215. <div class="form-group">
  216. <label class="col-xs-3 col-sm-3 control-label">วันที่เริ่มใช้งาน</label>
  217. <div class="col-xs-2 col-sm-2">
  218. <input type="text" class="form-control input-sm" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  219. </div>
  220. </div>
  221. <div class="form-group">
  222. <label class="col-xs-3 col-sm-3 control-label">ผู้ทำรายการ</label>
  223. <div class="col-xs-3 col-sm-3">
  224. <input type="text" class="form-control input-sm ui-state-disabled" disabled="disabled" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  225. </div>
  226. <label class="col-xs-3 col-sm-3 control-label">วันที่ทำรายการ</label>
  227. <div class="col-xs-3 col-sm-3">
  228. <input type="text" class="form-control input-sm ui-state-disabled" disabled="disabled" maxlength="2" name="requestGroupCodeSrh" id="requestGroupCodeSrh"/>
  229. </div>
  230. </div>
  231. <div class="form-group">
  232. <div align="center">
  233. <button type="button" class="btn btn-primary input-sm" onclick="">บันทึก</button>
  234. <button type="button" class="btn btn-primary input-sm" onclick="">ลบ</button>
  235. <button type="reset" class="btn btn-primary input-sm" onclick="">ล้างข้อมูล</button>
  236. </div>
  237. </div>
  238. </fieldset>
  239. </form>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244.  
  245. </div>
  246. </div>
  247.  
  248.  
  249.  
  250. </body>
  251. </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!