API tools faq
paste
Fabriciool

DDTank 2

Fabriciool
Dec 21st, 2013
454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.27 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Conta 337</title>
  7. <link href="http://337.eleximg.com/337/v3static/css/account/index.css?1311261457" rel="stylesheet" type="text/css"/>
  8. <link rel="stylesheet" href="http://337.eleximg.com/337/v3static/css/third_login.css??1309241826" type="text/css"/>
  9.  
  10.  
  11.  
  12. </head>
  13. <body>
  14. <div class="top">
  15. <div class="logo">
  16. <a href="/"><img src="http://337.eleximg.com/337/v3static/img/337logo_147x45.png" alt="337" /></a>
  17. </div>
  18. </div>
  19.  
  20.  
  21. <div class="serviceLogin-content">
  22. <div class="login-form">
  23. <div class="input-area">
  24. <h4>Bem-vindo à 337.com</h4>
  25. <form onsubmit="return validate_form()" id="loginForm" action="" method="post">
  26. <input type="hidden" name="3JmNHkXWJCBph8" value="ca61722993e786a9a2e2bf1a32646e75" >
  27. <div class="input-field clearfix" style="width:600px;">
  28. <input type="text" name="username" id="username" class="border-radius" placeholder="Nome de Usuário"/>
  29. <span class="errorTips" id="username_error_tips" >
  30. <span class="popmessage border-radius">
  31. <span class="error_icon"></span>
  32. <span id="username_error_info"></span>
  33. </span>
  34. <i class="little_corner"></i>
  35. </span>
  36. </div>
  37. <div class="input-field clearfix" style="width:600px;">
  38. <input type="password" name="password" id="password" class="border-radius" placeholder="Senha"/>
  39. <span class="errorTips" id="password_error_tips">
  40. <span class="popmessage border-radius">
  41. <span class="error_icon"></span>
  42. <span id="password_error_info"></span>
  43. </span>
  44. <i class="little_corner"></i>
  45. </span>
  46. </div>
  47. <div class="clearfix" style="height:42px;">
  48. <div class="login-button-div border-radius">
  49. <input type="submit" class="submit-color" value="Fazer login">
  50. </div>
  51. <a href="/pass/forgetPassword" target="_blank">Esqueceu a senha?</a>
  52. </div>
  53. </form>
  54. <!--
  55. <div class="third-login clearfix">
  56. <div>Outro método para se conectar：</div>
  57. <div class="oauth-button third-login-32 login-fb-32 login-fb" data-type='facebook' title="facebook"></div>
  58. <div class="oauth-button third-login-32 login-google-32" data-type='google' title="google"></div>
  59. <div class="oauth-button third-login-32 login-orkut-32" data-type='orkut' title="orkut"></div>
  60. <div class="oauth-button third-login-32 login-twitter-32" data-type='twitter' title="twitter"></div>
  61. <div class="oauth-button third-login-32 login-yahoo-32" data-type='yahoo' title="Yahoo"></div>
  62. </div>
  63. <div id="elexSiteTips" style="color: red; height:20px;"></div>
  64. -->
  65. <style>
  66. .clearfix:after {
  67. display: block;
  68. content: " 20";
  69. height: 0;
  70. clear: both;
  71. overflow: hidden;
  72. visibility: hidden;
  73. }
  74. .third-login-32{
  75. display: block;
  76. position: relative;
  77. height: 32px;
  78. width:32px;
  79. cursor: pointer;
  80. background-image: url(http://337.eleximg.com/337/v3static/img/customService/icon-list.png?20130910001);
  81. background-repeat: no-repeat;
  82. color: rgb(255, 255, 255);
  83. font-size: 16px;
  84. text-align: center;
  85. float:left;
  86. margin-right: 4px;
  87. }
  88. .login-fb-32{
  89. background-position: 0px 0px;
  90. }
  91. .login-google-32{
  92. background-position: 0px -32px;
  93. }
  94. .login-orkut-32{
  95. background-position: 0px -160px;
  96. }
  97. .login-baha-32{
  98. background-position: 0px -192px;
  99. }
  100. .login-twitter-32{
  101. background-position: 0px -64px;
  102. }
  103. .login-msn-32{
  104. background-position: 0px -128px;
  105. }
  106. .login-yahoo-32{
  107. background-position: 0px -96px;
  108. }
  109. .login-gamebase-32{
  110. background-position: 0px -224px;
  111. }
  112. .login-msn-32{
  113. background-position: 0px -128px;
  114. }
  115. #oauth-error-tips{
  116. font-size: 14px;
  117. color: red;
  118. height: 20px;
  119. line-height: 20px;
  120. }
  121. .oauth-login-title{
  122. font-size: 12px;
  123. color: #666;
  124. height: 20px;
  125. line-height: 20px;
  126. }
  127. </style>
  128. <div class="third-login clearfix">
  129. <div class="oauth-login-title">Outro método para se conectar：</div>
  130. <div class="third-login-32 login-fb-32" title="facebook" onclick="oauth('facebook')"></div>
  131. <div class="third-login-32 login-google-32" title="google" onclick="oauth('google')"></div>
  132. <div class="third-login-32 login-yahoo-32" title="Yahoo" onclick="oauth('yahoo')"></div>
  133. <div class="third-login-32 login-msn-32" title="Windows Live Messenger" onclick="oauth('wl')"></div>
  134. <div class="third-login-32 login-twitter-32" title="twitter" onclick="oauth('twitter')"></div>
  135. <div class="third-login-32 login-orkut-32" title="orkut" onclick="oauth('orkut')"></div>
  136. </div>
  137. <div id="oauth-error-tips"></div>
  138.  
  139. <script type="text/javascript">
  140. function oauth(type){
  141. document.domain = "337.com";
  142. var rd = new Date().getTime() + (Math.random() * (1<<30)).toString(16).replace('.', '');
  143. var url = "http://web.337.com/oauth/"+type + "?rd=" + rd;
  144. var w = 600; var h = 400;
  145. if(type == 'gamebase'){
  146. w = 1050;
  147. h = 720;
  148. }
  149. var t = (screen.height - h) / 2;var l = (screen.width - w) / 2;
  150. window.open (url, type + 'Connect', 'height='+h+', width='+w+', top='+t+', left='+l+', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
  151. window.oauthCallback = function(data){
  152. if(data.status == 0) {
  153. _afterLogin(data);
  154. var referrer = location.hash ? decodeURIComponent(location.hash.substr(1)) : '';
  155. if(referrer == '' || !/^https?\:\/\/\w*\.337\.com/g.test(referrer)) {
  156. window.location.reload(true);
  157. }else{
  158. window.location.href = referrer;
  159. }
  160. }else if(data.status < 0) {
  161. if (data.status == -6) {
  162. document.getElementById('oauth-error-tips').value('email_be_used');
  163. } else {
  164. document.getElementById('oauth-error-tips').value('username_or_password_error');
  165. }
  166. }else{
  167. document.getElementById('oauth-error-tips').value('Usuário Erro de servidor Conectar');
  168. }
  169. };
  170. }
  171. var _afterLogin = function(ret) {
  172. var date = new Date();
  173. date.setTime(date.getTime()+7*24*60*60*1000);
  174. var expString = "expires="+ date.toUTCString()+";";
  175. document.cookie = "elx337_user="+escape(ret.loginkey)+";"+expString +"path=/;"+"domain=337.com;";
  176. };
  177. </script>
  178. </div>
  179. <div class="register-button">
  180. <a class="register border-radius" href="/pt/pass/register?callback=http%3A%2F%2Fweb.337.com%2Fpt%2Fevent%2Fddtank%2Fchristmas">Cadastre-se agora</a>
  181. </div>
  182. <div class="bottom">
  183. </div>
  184. </div>
  185. </div>
  186.  
  187.  
  188.  
  189. <div class="footer">
  190. <ul class="links">
  191. <li class="links_li"><a href="http://support.337.com/pt/platform/" target="_blank">Perguntas Frequentes</a></li>
  192. <li class="links_li"><a href="mailto:[email protected]">Entre em contato conosco</a></li>
  193. <li class="links_li"><a target="_blank" href="http://web.337.com/pt/tos" title="Consulte nossos termos e políticas.">Termos</a></li>
  194. <li class="links_li"><a target="_blank" href="http://web.337.com/pt/privacy" title="Saiba mais sobre sua privacidade e o 337.">Privacidade</a></li>
  195. <li class="links_li last">
  196. <a href="javascript:void(0);" class="set_lang_btn" title="Português (Brasil)"><i class="nation_pt nation-flag-2"></i>Português (Brasil)</a>
  197. <div class="new_select_language">
  198. <div class="arrow"></div>
  199. <div class="country-dropdown-overlay" style="display: block;"></div>
  200. <div class="popover">
  201. <h4>Escolha a sua língua</h4>
  202. <ul>
  203. <li class="lang_li"><a lang_id="en_US" lang="en" href="javascript:void(0);"><span class="nation_en nation-flag"></span>English(US)</a></li>
  204. <li class="lang_li"><a lang_id="es_ES" lang="es" href="javascript:void(0);"><span class="nation_es nation-flag"></span>Español</a></li>
  205. <li class="lang_li"><a lang_id="pt_BR" lang="pt" href="javascript:void(0);"><span class="nation_pt nation-flag"></span>Português<img src="http://337.eleximg.com/337/v3static/img/account/selected.png"></a></li>
  206. <li class="lang_li"><a lang_id="tr_TR" lang="tr" href="javascript:void(0);"><span class="nation_tr nation-flag"></span>Türkçe</a></li>
  207. <li class="lang_li"><a lang_id="pl_PL" lang="pl" href="javascript:void(0);"><span class="nation_pl nation-flag"></span>Polski</a></li>
  208. <li class="lang_li"><a lang_id="th_TH" lang="th" href="javascript:void(0);"><span class="nation_th nation-flag"></span>ภาษาไทย</a></li>
  209. <li class="lang_li"><a lang_id="zh_CN" lang="zh" href="javascript:void(0);"><span class="nation_zh nation-flag"></span>中文(简体)</a></li>
  210. <li class="lang_li"><a lang_id="zh_TW" lang="tw" href="javascript:void(0);"><span class="nation_tw nation-flag"></span>中文(繁體)</a></li>
  211. <li class="lang_li"><a lang_id="de_DE" lang="de" href="javascript:void(0);"><span class="nation_de nation-flag"></span>Deutsch</a></li>
  212. <li class="lang_li"><a lang_id="ar_AR" lang="ar" href="javascript:void(0);"><span class="nation_ar nation-flag"></span>‏العربية</a></li>
  213. <li class="lang_li"><a lang_id="ko_KR" lang="ko" href="javascript:void(0);"><span class="nation_ko nation-flag"></span>한국의</a></li>
  214. <li class="lang_li"><a lang_id="ru_RU" lang="ru" href="javascript:void(0);"><span class="nation_ru nation-flag"></span>Русский</a></li>
  215. </ul>
  216. </div>
  217. </div>
  218. </li>
  219. </ul>
  220. <div><span>337.com &copy; 2013</span></div>
  221. </div>
  222.  
  223.  
  224.  
  225.  
  226.  
  227. <script src="http://337.eleximg.com/337/v3static/js/jquery.min.js?1304030000"></script>
  228. <script src="http://337.eleximg.com/337/v3static/js/elex.global.js?1304030000"></script>
  229. <script src='http://337.eleximg.com/337/v3static/js/jquery.placeholder-enhanced.min.js'></script>
  230.  
  231.  
  232.  
  233. <script>
  234. $('#username').blur(function(){
  235. check('username');
  236. });
  237. $('#password').blur(function(){
  238. check('password');
  239. });
  240. $('#username').focus(function(){
  241. focus('username');
  242. });
  243. $('#password').focus(function(){
  244. focus('password');
  245. });
  246.  
  247. function focus(id){
  248. $('#'+id).removeClass('error');
  249. $('#'+id+'_error_tips').css('display','none');
  250. }
  251. function check(id){
  252. if($('#'+id).val() == ''){
  253. var error = '';
  254. if(id == 'username'){
  255. error = 'O nome do usuário não pode ser deixado em branco';
  256. }else{
  257. error = 'Senha não pode estar vazia';
  258. }
  259. $('#'+id+'_error_tips').css('display','inline-block');
  260. $('#'+id+'_error_info').html(error);
  261. $('#'+id).addClass('error');
  262. }else{
  263. $('#'+id+'_error_tips').css('display','none');
  264. $('#'+id).removeClass('error');
  265. }
  266. }
  267. function validate_form(){
  268. var flag = true;
  269. if($('#username').val() == ''){
  270. check('username');
  271. flag = false;
  272. }
  273. if($('#password').val() == ''){
  274. check('password');
  275. flag = false;
  276. }
  277.  
  278. return flag;
  279. }
  280.  
  281.  
  282. //$('.oauth-button').click(function($em){
  283. // //reset domain for xd calls
  284. // document.domain = "337.com";
  285. // var type = $(this).data('type');
  286. //// var url = "http://web.337.com/oauth/"+type;
  287. //
  288. // var rd = new Date().getTime() + (Math.random() * (1<<30)).toString(16).replace('.', '');
  289. // var url = "http://web.337.com/oauth/"+type + "?rd=" + rd;
  290. //
  291. // var w = 600;
  292. // var h = 400;
  293. //
  294. // if(type == 'gamebase'){
  295. // w = 1050;
  296. // h = 720;
  297. // }
  298. //
  299. // var t = (screen.height - h) / 2;
  300. // var l = (screen.width - w) / 2;
  301. // window.open (url, type + 'Connect', 'height='+h+', width='+w+', top='+t+', left='+l+', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
  302. // window.oauthCallback = function(data){
  303. // if(data.status == 0) {
  304. // elex.user._afterLogin(data);
  305. // //获取返回页地址
  306. // var referrer = location.hash ? decodeURIComponent(location.hash.substr(1)) : '';
  307. // if(referrer == '' || !/^https?\:\/\/\w*\.337\.com/g.test(referrer)) {
  308. // window.location.reload(true);
  309. // }else{
  310. // window.location.href = referrer;
  311. // }
  312. // }else if(data.status < 0) {
  313. // if (data.status == -6) {
  314. // $("#elexSiteTips").removeAttr('class').html('email_be_used').addClass('elexTips alert alert-error').show();
  315. // } else {
  316. // $("#elexSiteTips").removeAttr('class').html('username_or_password_error').addClass('elexTips alert alert-error').show();
  317. // }
  318. // }else{
  319. // $("#elexSiteTips").removeAttr('class').html('Usuário Erro de servidor Conectar').addClass('elexTips alert alert-error').show();
  320. // }
  321. // };
  322. //});
  323. </script>
  324.  
  325.  
  326.  
  327. <script>
  328. $('.set_lang_btn').click(function(){
  329. $('.new_select_language').stop().animate({opacity:1}, "fast").css("display","block");
  330.  
  331. });
  332. $('.country-dropdown-overlay').click(function(){
  333. $('.new_select_language').stop().animate({opacity:0}, "fast").css('display','none');
  334. });
  335.  
  336.  
  337. $('.new_select_language li a').click(function(){
  338. var locale = $(this).attr("lang_id");
  339. var loginKey = elex.cookie.get(elex.config.get('cookieNameUser'));
  340. var toLang = $(this).attr('lang');
  341.  
  342. if(toLang == 'br'){
  343. toLang = 'pt';
  344. }else if(toLang == 'us'){
  345. toLang = 'en';
  346. }
  347.  
  348. var curLang = 'pt';
  349.  
  350. if(toLang == curLang){
  351. $('.new_select_language').stop().animate({opacity:0}, "fast").css('display','none');
  352. return;
  353. }
  354.  
  355. var url = 'http://account.337.com/pass/setLanguage';
  356. var data = {
  357. loginkey : loginKey,
  358. language : locale
  359. };
  360. elex.request.post(url , data ,function(ret){
  361. if(ret.status == "ok"){
  362. //location.reload(true);
  363. var l = location,
  364. href = l.href,
  365. host = l.protocol + '//' + l.host + '/';
  366. var target = href;
  367.  
  368. if(href.indexOf(host+curLang)==0){
  369. target = href.replace(host+curLang,host+toLang);
  370. }
  371. window.location.href = target;
  372. }else{
  373. $('.new_select_language').stop().animate({opacity:0}, "fast").css('display','none');
  374. }
  375. });
  376.  
  377.  
  378.  
  379.  
  380. });
  381. </script>
  382.  
  383. <script>
  384. //add google analytics
  385. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  386. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  387. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  388. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  389. ga('create', 'UA-39391247-1', '337.com');
  390. ga('send', 'pageview');
  391. </script>
  392.  
  393.  
  394.  
  395. </body>
  396. </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!