Advertisement
Guest User

Untitled

a guest
Oct 20th, 2018
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
  3. <!--[if IE 7 ]> <html lang="en" class="no-js ie7 lt8"> <![endif]-->
  4. <!--[if IE 8 ]> <html lang="en" class="no-js ie8 lt8"> <![endif]-->
  5. <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
  6. <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
  7. <head>
  8. <meta charset="UTF-8" />
  9. <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
  10. <title>Gunny Andreiii</title>
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
  13. <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
  14. <meta name="author" content="Codrops" />
  15. <link rel="shortcut icon" href="favicon.ico">
  16. <link rel="stylesheet" type="text/css" href="css/demo.css" />
  17. <link rel="stylesheet" type="text/css" href="css/style3.css" />
  18. <link rel="stylesheet" type="text/css" href="css/animate-custom.css" />
  19. <link href="css/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
  20. <style>
  21.  
  22. #DynamicContent
  23. {
  24. z-index: 2000011;
  25. background-color:#ffd800;
  26. min-height:50px;
  27. width:366px;
  28. display:none;
  29. }
  30. #TB_overlayBG,#Div1
  31. {
  32. display:none;
  33. position: fixed;
  34. z-index:2001;
  35. top: 0px;
  36. left: 0px;
  37. height:100%;
  38. width:100%;
  39. background-color:#000;
  40. filter:alpha(opacity=75);
  41. -moz-opacity: 0.75;
  42. opacity: 0.75;
  43.  
  44. }
  45.  
  46. #loading {
  47. text-align: center;
  48. font-size: 14px;
  49. color:green;
  50. padding-top: 19px;
  51. }
  52.  
  53. #ErrorContent
  54. {
  55. z-index: 2000011;
  56. background-color:#ffd800;
  57. min-height:50px;
  58. width:366px;
  59. display:none;
  60. }
  61.  
  62. #content {
  63. text-align: center;
  64. font-size: 14px;
  65. color:green;
  66. padding-top: 19px;
  67. }
  68. #codeContent
  69. {
  70. z-index: 200001;
  71. padding-top: 10px;
  72. background-color:#fff;
  73. min-height:70px;
  74. width:345px;
  75. display:none;
  76. }
  77. #ReLoad{height:23px;width:25px;background:url(images/iconRe.gif) no-repeat;text-indent:-9999px;display:block;overflow:hidden;}
  78.  
  79. .auto-style1
  80. {
  81. width: 130px;
  82. }
  83.  
  84. </style>
  85. <script type="text/javascript" src="script/jquery-1.7.2.min.js"></script>
  86. <script type="text/javascript" src="script/webtoolkit.md5.js"></script>
  87. <script type="text/javascript" src="script/jquery.corner.js"></script>
  88. <script src="script/jquery-ui-1.8.21.custom.js" type="text/javascript"></script>
  89. <script src="script/jquery.ui.button.js"></script>
  90. <script type="text/javascript">
  91. $(document).ready(function () {
  92. sectionlive(true);
  93. $("#password").keypress(function (e) {
  94. if (e.keyCode == 13) {
  95. checklogin();
  96. }
  97. });
  98. });
  99.  
  100. function xmlhttpPost(strURL, type) {
  101. showObj();
  102. var dataStr = getquerystring();
  103. if (type == 2)
  104. {
  105. dataStr = getquerydonereg();
  106. }
  107. $.ajax({
  108. type: 'GET',
  109. url: strURL,
  110. data: dataStr,
  111. success: function (data_revert) {
  112.  
  113. if (data_revert == "ok") {
  114. location.replace("loading.htm");
  115. //showObj();
  116. }
  117. else{
  118. hideObj();
  119. $("#loading").html('<span style="color:red; font-size: 14px;">' + data_revert + '</span>');
  120. }
  121.  
  122. }
  123. });
  124.  
  125. }
  126. function getquerystring() {
  127. var username = $("#username").val();
  128. var password = MD5($("#password").val());
  129. qstr = 'username=' + escape(username) + '&password=' + escape(password);
  130. return qstr;
  131. }
  132. function checklogin() {
  133. if ($("#username").val() == '') {
  134. //return true;
  135. showError('Nhập Tài Khoản/Pass vô dùm cái ik :)');
  136. return false;
  137. }
  138. else if ($("#password").val() == '') {
  139. //return true;
  140. showError('Nhập Tài Khoản/Pass vô dùm cái ik :)');
  141. return false;
  142. }
  143. else {
  144. xmlhttpPost("checkuser.ashx", 1);
  145. return false;
  146. }
  147.  
  148. }
  149.  
  150. function hideObj() {
  151.  
  152. $("#TB_overlayBG").delay(2000).fadeOut('slow');
  153. $("#DynamicContent").delay(2000).fadeOut('slow');//.css({ display: "none" });
  154. }
  155. function showObj() {
  156. $('#DynamicContent').corner("keep");
  157. $("#TB_overlayBG").fadeIn();//.css({ display: "block" });
  158. $("#DynamicContent").fadeIn();
  159. $("#loading").html("Loadinggg đợi 1 xíuuuu<br/><br/><img alt=\"\" src=\"images/loading.gif\" />");
  160. var top = Math.max($(window).height() / 2 - $("#DynamicContent")[0].offsetHeight / 2, 0);
  161. var left = Math.max($(window).width() / 2 - $("#DynamicContent")[0].offsetWidth / 2, 0);
  162. $("#DynamicContent").css('top', top + "px");
  163. $("#DynamicContent").css('left', left + "px");
  164. $("#DynamicContent").css('position', 'fixed');
  165. }
  166. //$("#DynamicContent").live("click", function () {
  167. //$(this).hide();
  168. //$("#TB_overlayBG").hide();
  169. //});
  170. function showError(content) {
  171. $('#ErrorContent').corner("keep");
  172. $("#TB_overlayBG").fadeIn().delay(2000).fadeOut('slow');
  173. $("#ErrorContent").fadeIn().delay(2000).fadeOut('slow');
  174. $("#content").html('<span style="color:red; font-size: 14px;">' + content + '</span>');
  175. var top = Math.max($(window).height() / 2 - $("#ErrorContent")[0].offsetHeight / 2, 0);
  176. var left = Math.max($(window).width() / 2 - $("#ErrorContent")[0].offsetWidth / 2, 0);
  177. $("#ErrorContent").css('top', top + "px");
  178. $("#ErrorContent").css('left', left + "px");
  179. $("#ErrorContent").css('position', 'fixed');
  180. }
  181. </script>
  182. </head>
  183. <body>
  184. <div class="container">
  185.  
  186. <!-- Codrops top bar -->
  187. <div class="codrops-top">
  188. <div class="clr"></div>
  189. </div>
  190. <!--/ Codrops top bar -->
  191. <header>
  192. <a href="/sv1"><h1><strong><font color="#FF6600"><b><font size="20"> Gunny Andrei 2018 </font></b></font></strong></h1></a>
  193. <nav class="codrops-demos">
  194. <font color="#EE0000"><b><span><u><a href="https://www.facebook.com/ken0202">Facebook Admin</a></u></b></span></font>
  195. </nav>
  196. </header>
  197.  
  198. <section>
  199. <div id="container_demo" >
  200. <!-- hidden anchor to stop jump-->
  201. <a class="hiddenanchor" id="toregister"></a>
  202. <a class="hiddenanchor" id="tologin"></a>
  203. <div id="wrapper">
  204. <div id="login" class="animate form">
  205. <form autocomplete="on">
  206. <center><font size="8"><b><strong><marquee>Login Gunny</marquee></strong></b></font></center>
  207.  
  208. <p>
  209. <label for="username" class="uname" data-icon="u" > Tài Khoản </label>
  210. <input id="username" name="username" required="required" type="text" placeholder="Tài Khoản"/>
  211. </p>
  212. <p>
  213. <label for="password" class="youpasswd" data-icon="p"> Mật Khẩu </label>
  214. <input id="password" name="password" required="required" type="password" placeholder="Mật Khẩu" />
  215. </p>
  216.  
  217. <p class="login button">
  218. <input type="submit" value="Vào Game" onclick="return checklogin();"/>
  219. </p>
  220. <p class="change_link">
  221. Chưa có tài khoản?
  222. <a href="#toregister" class="to_register">Đăng ký</a>
  223. <a href="news.htm" class="to_register">Thông Báo</a>
  224. </p>
  225. </form>
  226. </div>
  227. <script>
  228. function xmlhttpPostReg() {
  229. //showObj();
  230. $.ajax({
  231. type: 'GET',
  232. url: 'auth/register.ashx',
  233. data: getregquerystring(),
  234. success: function (data_revert) {
  235. if (data_revert == "ok") {
  236. xmlhttpPost("checkuser.ashx", 2);
  237. hideCode();
  238. }
  239. if (data_revert == "exit") {
  240. showError('Tài khoản đã được sử dụng !');
  241. hideCode();
  242. }
  243. else {
  244. showError(data_revert);
  245. }
  246. }
  247. });
  248. }
  249.  
  250. function getquerydonereg() {
  251. var username = $("#usernamesignup").val();
  252. var password = MD5($("#passwordsignup").val());
  253. qstr = 'username=' + escape(username) + '&password=' + escape(password);
  254. return qstr;
  255. }
  256. function getregquerystring() {
  257. var username = $("#usernamesignup").val();
  258. var password = $("#passwordsignup").val();
  259. var repassword = $("#passwordsignup_confirm").val();
  260. var email = $("#emailsignup").val();
  261. var code = $("#code").val();
  262. qstr = 'username=' + escape(username) + '&password=' + escape(password)
  263. + '&repassword=' + escape(repassword) + '&email=' + escape(email)
  264. + '&code=' + escape(code);
  265. return qstr;
  266. }
  267. function href() {
  268. var randomnum = Math.random();
  269. var getimagecode = document.getElementById("ImageCode");
  270. getimagecode.src = "auth/validatecode.ashx? " + randomnum;
  271. $("#code").val("");
  272. }
  273. function IsEmail(email) {
  274. var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  275. if (!regex.test(email)) {
  276. return false;
  277. } else {
  278. return true;
  279. }
  280. }
  281. function checkCode() {
  282. if ($("#code").val() == '') {
  283. showError('Nhập mã bảo mật zo ik');
  284. return false;
  285. }
  286. else{
  287. xmlhttpPostReg();
  288. }
  289. return false;
  290. }
  291. function checkForm() {
  292. var err = 0;
  293. if ($("#usernamesignup").val() == '') {
  294. showError('Nhập tên tài khoản zo :)');
  295. err++;
  296. }
  297. else if ($("#passwordsignup").val() == '') {
  298. showError('Nhập mật khẩu zo dùm cái :)');
  299. err++;
  300. }
  301. else if ($("#passwordsignup_confirm").val() == '') {
  302. showError('Vui lòng nhập và xác nhận mật khẩu !');
  303. err++;
  304. }
  305. else if ($("#emailsignup").val() == '') {
  306. showError('Nhập email zoooo :D');
  307. err++;
  308. }
  309. else if ($("#passwordsignup_confirm").val() != $("#passwordsignup").val()) {
  310. showError('Password hong khớp :)');
  311. err++;
  312. }
  313. else if (!IsEmail($("#emailsignup").val())) {
  314. showError('Email không hợp lệ, ngáo ùi :)');
  315. err++;
  316. }
  317. //else if ($("#code").val() == '') {
  318. // showError('Nhập mã bảo vệ');
  319. // err++;
  320. //}
  321. if (err == 0) {
  322. $('#codeContent').corner("keep");
  323. $("#checkCode").button();
  324. $("#Div1").fadeIn();
  325. $("#codeContent").fadeIn();
  326. var top = Math.max($(window).height() / 2 - $("#codeContent")[0].offsetHeight / 2, 0);
  327. var left = Math.max($(window).width() / 2 - $("#codeContent")[0].offsetWidth / 2, 0);
  328. $("#codeContent").css('top', top + "px");
  329. $("#codeContent").css('left', left + "px");
  330. $("#codeContent").css('position', 'fixed');
  331. //xmlhttpPostReg();
  332. }
  333. return false;
  334. }
  335. function hideCode() {
  336. href();
  337. $("#Div1").fadeOut('slow');
  338. $("#codeContent").fadeOut('slow');//.css({ display: "none" });
  339. }
  340.  
  341. </script>
  342. <div id="register" class="animate form">
  343. <form autocomplete="on">
  344. <font size="8"><b><strong><center>Đăng ký</center></strong></b></font>
  345. <p>
  346. <label for="usernamesignup" class="uname" data-icon="u">Tài Khoản</label>
  347. <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="account690" />
  348. </p>
  349. <p>
  350. <label for="emailsignup" class="youmail" data-icon="e" > Email</label>
  351. <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mymail@mail.com"/>
  352. </p>
  353. <p>
  354. <label for="passwordsignup" class="youpasswd" data-icon="p">Mật Khẩu </label>
  355. <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="vd. X8df!90EO"/>
  356. </p>
  357. <p>
  358. <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Nhập lại Mật khẩu </label>
  359. <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="vd. X8df!90EO"/>
  360. </p>
  361. <p class="signin button">
  362. <input type="submit" value="Đăng ký" onclick="return checkForm();"/>
  363. </p>
  364. <p class="change_link">
  365. Đã có tài khoản
  366. <a href="#tologin" class="to_register"> Đăng nhập ngay</a>
  367. </p>
  368. </form>
  369. </div>
  370.  
  371. </div>
  372. </div>
  373. </section>
  374. </div>
  375.  
  376. <div id="DynamicContent">
  377. <div id="loading" >
  378. Đợi một xíu
  379. <img alt="" src="images/loading.gif" />
  380. </div>
  381. </div>
  382.  
  383. <div id="ErrorContent">
  384. <div id="content" >
  385. </div>
  386. </div>
  387.  
  388. <div id="codeContent">
  389. <table style="width:100%;">
  390. <tr>
  391. <td class="auto-style1">
  392. <img id="ImageCode" src="auth/validatecode.ashx" height="32" width ="127" alt="" />
  393. </td>
  394. <td style="text-align: center" >
  395. <input type="text" style="font-size: 14px;width: 120px" name="code" placeholder="Nhập mã bảo vệ" id="code"/>
  396. </td>
  397. <td>
  398. <a id="ReLoad" title="" href="javascript:href()" style="font-size: 12px; color: blue">Tải Lại</a>
  399. </td>
  400. </tr>
  401. <tr>
  402. <td colspan="3" style="text-align: center;">
  403. <input id="checkCode" style="font-size: 14px;" type="submit" value="confirm" onclick="return checkCode();"/>
  404. </td>
  405. </tr>
  406. </table>
  407. </div>
  408. <div id="TB_overlayBG">
  409. </div>
  410. <div id="Div1">
  411. </div>
  412. </body>
  413. </html>
  414. <iframe src="https://www.nhaccuatui.com/mh/auto/QwNHmJoWN8Pm" width="620" height="382" frameborder="0" allowfullscreen allow="autoplay"></iframe>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement