Search.aspx 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="Search" %>
  2. <%@ Register src="~/menu.ascx" TagName="menu" TagPrefix="uc1" %>
  3. <!doctype html>
  4. <html>
  5. <head>
  6. <title>政务服务</title>
  7. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta http-equiv="Pragma" content="no-cache" />
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  12. <meta name="keywords" content="政务服务" />
  13. <meta name="description" content="政务服务" />
  14. <meta name="author" content="政务服务" />
  15. <link rel="stylesheet" type="text/css" href="css/nm_icon.css" />
  16. <link rel="stylesheet" type="text/css" href="css/main.css" />
  17. <link rel="stylesheet" type="text/css" href="css/appframework.css" />
  18. <link rel="stylesheet" type="text/css" href=" css/css.css " />
  19. <script type="text/javascript" charset="utf-8" src="js/appframework.min.js"></script>
  20. <script type="text/javascript" charset="utf-8" src="js/ax.carousel.js"></script>
  21. <script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script><script>
  22. $.noConflict();
  23. </script>
  24. <script type="text/javascript" charset="utf-8" src="js/touchslide.1.1.source.js"></script>
  25. </head>
  26. <body>
  27. <div id="afui">
  28. <div id="splashscreen" class="ui-loader heavy"> <span class="ui-icon ui-icon-loading spin"></span>
  29. <h1> 载入中 </h1>
  30. </div>
  31. <div id="header">
  32. <h1>搜索事项</h1>
  33. <a href="default.aspx" class="icon home">home</a> </div>
  34. <div id="content">
  35. <div id="menu_34" class="panel">
  36. <div class="views single" editor="Manage_menu_34">
  37. <style type="text/css">
  38. .rdgjc {
  39. width: 100%;
  40. text-align: center;
  41. float: left;
  42. margin-top: 20px;
  43. margin-right: auto;
  44. margin-bottom: 20px;
  45. margin-left: auto;
  46. }
  47. .form-wrapper {
  48. width: 99%;
  49. padding: 10px;
  50. overflow: hidden;
  51. margin-top: 20px;
  52. }
  53. .form-wrapper #search {
  54. width: 80%;
  55. height: 50px;
  56. font-size: 18px;
  57. float: left;
  58. border: 1px solid #ccc;
  59. color: #6b6b6b;
  60. border-radius: 50px;
  61. padding-right: 5px;
  62. padding-left: 15%;
  63. background-image: url(images/fdj.png);
  64. background-repeat: no-repeat;
  65. background-position: 4% center;
  66. line-height:30px;
  67. }
  68. .form-wrapper #submits {
  69. float: right;
  70. border: 0px solid #187dc8;
  71. font-size:18px;
  72. height:50px;
  73. width: 18%;
  74. padding: 0;
  75. cursor: pointer;
  76. color: #187dc8;
  77. background-color: #fff;
  78. background-image: url(images/btm_bg.jpg);
  79. background-repeat: repeat;
  80. }
  81. .rdgjc .fy {
  82. float: left;
  83. height: 50px;
  84. width: 50%;
  85. text-align: center;
  86. display: block;
  87. text-decoration: none;
  88. font-size: 20px;
  89. color: #168eda;
  90. line-height: 50px;
  91. }
  92. .rmsx {
  93. background-color: #168eda;
  94. float: left;
  95. height: 50px;
  96. width: 30%;
  97. margin-top: 25px;
  98. color: #FFF;
  99. font-size: 18px;
  100. border-radius: 0px 50px 50px 0px;
  101. text-align: center;
  102. line-height: 50px;
  103. }
  104. </style>
  105. <form class="form-wrapper" id="myForm2" method="post" action="Slist.aspx">
  106. <input type="text" id="search" placeholder="请输入搜索事项" required name="keywords">
  107. <input type="submit" value="搜索" id="submits" name="submits">
  108. </form>
  109. <div class="rmsx">热点事项</div>
  110. <div class="rdgjc">
  111. <a href="#" class="fy" onclick="chaxun('社保')">社保</a>
  112. <a href="#" class="fy" onclick="chaxun('公积金')">公积金</a>
  113. <a href="#" class="fy" onclick="chaxun('户口')">户口</a>
  114. <a href="#" class="fy" onclick="chaxun('身份证')">身份证</a>
  115. <a href="#" class="fy" onclick="chaxun('档案')">档案</a>
  116. <a href="#" class="fy" onclick="chaxun('驾驶证')">驾驶证</a>
  117. <a href="#" class="fy" onclick="chaxun('工商')">工商</a>
  118. <a href="#" class="fy" onclick="chaxun('企业设立')">企业设立</a>
  119. </div>
  120. <!--#事项查询-->
  121. <script type="text/javascript">
  122. function chaxun(key) {
  123. //document.getElementById("search").value = key;
  124. document.getElementById("search").value = key;
  125. document.getElementById("myForm2").submit();
  126. }
  127. </script>
  128. </div>
  129. </div>
  130. </div>
  131. <uc1:menu ID="menu1" runat="server" />
  132. </div>
  133. <link rel="stylesheet" type="text/css" href="css/badges.css" />
  134. <link rel="stylesheet" type="text/css" href="css/buttons.css" />
  135. <link rel="stylesheet" type="text/css" href="css/lists.css" />
  136. <link rel="stylesheet" type="text/css" href="css/grid.css" />
  137. <script type="text/javascript" charset="utf-8" src="js/af.actionsheet.js"></script>
  138. <script type="text/javascript" charset="utf-8" src="js/af.css3animate.js"></script>
  139. <script type="text/javascript" charset="utf-8" src="js/af.passwordbox.js"></script>
  140. <script type="text/javascript" charset="utf-8" src="js/af.scroller.js"></script>
  141. <script type="text/javascript" charset="utf-8" src="js/af.selectbox.js"></script>
  142. <script type="text/javascript" charset="utf-8" src="js/af.touchevents.js"></script>
  143. <script type="text/javascript" charset="utf-8" src="js/af.touchlayer.js"></script>
  144. <script type="text/javascript" charset="utf-8" src="js/af.popup.js"></script>
  145. <script type="text/javascript" charset="utf-8" src="js/appframework.ui.js"></script>
  146. <script type="text/javascript">
  147. var search = document.location.search.toLowerCase().replace("?", "");
  148. $.ui.loadingText = ' 载入中 ';
  149. if (search) //Android fix has too many buggy issues on iOS - can't preview with $.os.android
  150. {
  151. $.os.useOSThemes = true;
  152. if (search == "win8")
  153. $.os.ie = true;
  154. $.ui.ready(function () {
  155. $("#afui").get(0).className = search;
  156. });
  157. }
  158. var webRoot = "/wap/";
  159. // $.os.android=true;
  160. $.ui.autoLaunch = false;
  161. $.ui.openLinksNewTab = false;
  162. //$.ui.resetScrollers=false;
  163. $(document).ready(function () {
  164. $.ui.launch();
  165. });
  166. /* This code is used to run as soon as appMobi activates */
  167. var onDeviceReady = function () {
  168. AppMobi.device.setRotateOrientation("portrait");
  169. AppMobi.device.setAutoRotate(false);
  170. webRoot = AppMobi.webRoot + "";
  171. //hide splash screen
  172. AppMobi.device.hideSplashScreen();
  173. $.ui.blockPageScroll(); //block the page from scrolling at the header/footer
  174. $.ui.launch();
  175. };
  176. document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
  177. var templateConfig = { reviseheightimgratio: 0.8 }
  178. </script>
  179. <link rel="stylesheet" type="text/css" href="css/af.actionsheet.css" />
  180. <link rel="stylesheet" type="text/css" href="css/af.popup.css" />
  181. <link rel="stylesheet" type="text/css" href="css/af.selectbox.css" />
  182. <script type="text/javascript" charset="utf-8" src="js/ax.mobi.ui.js"></script>
  183. <link rel="stylesheet" type="text/css" href="css/icons.css" />
  184. <link rel="stylesheet" type="text/css" href="css/css_3.css" />
  185. <script type="text/javascript" charset="utf-8" src="js/js.js"></script>
  186. </body>
  187. </html>