connect.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=7" />
  6. <title>phpcmsV9 - {L('member','','member').L('manage_center')}</title>
  7. <link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />
  8. <link href="{CSS_PATH}dialog_simp.css" rel="stylesheet" type="text/css" />
  9. <link href="{CSS_PATH}table_form.css" rel="stylesheet" type="text/css" />
  10. <style type="text/css">
  11. .submit,.pass-logo a,.input label,.item span,#content h2 span em{display:inline-block;zoom:1;*display:inline;}
  12. .blue,.blue a{color:#377abe},.submit input{cursor:hand;}
  13. .log{line-height:24px; height:24px;float:right; font-size:12px}
  14. .log span{color:#ced9e7}
  15. .log a{color:#049;text-decoration: none;}
  16. .log a:hover{text-decoration: underline;}
  17. #header{ height:94px; background:url({IMG_PATH}member/h.png) repeat-x}
  18. #header .logo{ padding-right:100px;float:left;background:url({IMG_PATH}member/login-logo.png) no-repeat right 2px;}
  19. #header .content{width:920px; margin:auto; height:60px;padding:10px 0 0 0}
  20. #content{width:920px; margin:auto; padding:20px 0 0 0; overflow:auto}
  21. .form-login{width:420px; padding-left:40px}
  22. #content h2{font-size:25px;color:#494949;border-bottom: 1px dashed #CCC;padding-bottom:3px; margin-bottom:10px}
  23. #content h2 span{font-size:12px; font-weight:normal}
  24. #content h2 span em{background: url({IMG_PATH}member/order.png) no-repeat 0px -16px; width:15px; height:15px; line-height:15px; text-align:center; margin-right:5px; color:#FFF}
  25. #content h2 span.on{ color:#333; font-weight:700}
  26. #content h2 span.on em{background-position: 0px 0px;}
  27. .form-login .input{ padding:7px 0; overflow:hidden; clear:both}
  28. .form-login .input label{ width:84px;font-size:14px; color:#8c8686; text-align:right; float:left}
  29. .form-login .input .form{ width:560px; float:left}
  30. .take,.reg{padding:0 0 0 84px}
  31. .take .submit{margin-top:10px}
  32. .form-login .hr{background: url({IMG_PATH}member/line.png) no-repeat left center; height:50px;}
  33. .form-login .hr hr{ display:none}
  34. .form-reg{padding:10px 0 0 14px; width:650px; border-right:1px solid #ccc}
  35. .form-reg .input label{ width:120px}
  36. .form-reg .input label.type{ width:auto; color:#000; padding-right:10px}
  37. .form-reg .reg{padding:10px 0 0 120px}
  38. .form-reg .reg .submit{ margin-bottom:5px}
  39. .submit{padding-left:3px}
  40. .submit,.submit input{ background: url({IMG_PATH}member/but.png) no-repeat; height:29px;width:auto;_width:0;overflow:visible !ie}
  41. .submit input{background-position: right top; border:none; padding:0 10px 0 7px; font-size:14px}
  42. .reg{ color:#666; line-height:24px}
  43. .reg .submit{background-position: left -35px; height:35px}
  44. .reg .submit input{background-position: right -35px; font-weight:700; color:#fff; height:35px}
  45. .reg-auto{ padding:10px 0 0 20px}
  46. .reg-auto p{ margin-bottom:10px; color:#666;}
  47. .col-1{position:relative; float:right; border:1px solid #c4d5df; zoom:1;background: url({IMG_PATH}member/member_title.png) repeat-x; width:310px; margin: auto; height:304px}
  48. .col-1 span.o1,
  49. .col-1 span.o2,
  50. .col-1 span.o3,
  51. .col-1 span.o4{position:absolute;width:3px;height:3px;background: url(images/fillet.png) no-repeat}
  52. .col-1 span.o1{background-position: left -6px; top:-1px; left:-1px}
  53. .col-1 span.o2{background-position: right -6px; top:-1px; right:-1px}
  54. .col-1 span.o3{background-position: left bottom; bottom:-1px; left:-1px}
  55. .col-1 span.o4{background-position: right bottom; bottom:-1px; right:-1px;}
  56. .col-1 .title{color:#386ea8; padding:5px 10px 3px}
  57. .col-1 div.content{padding:0px 10px 10px}
  58. .col-1 div.content h5{background: url({IMG_PATH}member/ext-title.png) no-repeat 2px 10px; height:34px}
  59. .col-1 div.content h5 strong{ visibility: hidden}
  60. .pass-logo{ margin:auto; width:261px; padding-top:15px}
  61. .pass-logo a img{ border:1px solid #ddd}
  62. .pass-logo a{border:3px solid #fff}
  63. .pass-logo a.logo,
  64. .pass-logo a:hover{border:3px solid #e8f1f1;}
  65. .pass-logo p{border-top: 1px solid #e1e4e8; padding-top:15px}
  66. .item{padding:10px 0; vertical-align:middle; margin-bottom:10px}
  67. .item span{ color:#8c8686}
  68. #footer{color:#666; line-height:24px;width:920px; margin:auto; text-align:center; padding:12px 0; margin-top:52px; border-top:1px solid #e5e5e5}
  69. #footer a{color:#666;}
  70. .point{border:1px solid #ffbf7a; background:#fffced; margin-bottom:10px; margin-right:100px;margin-left:50px;position:relative}
  71. .point .content{padding:8px 10px;}
  72. .point .content .title{color:#ff8400}
  73. .point .content p{color:#777; text-indent:20px}
  74. .point span.o1,
  75. .point span.o2,
  76. .point span.o3,
  77. .point span.o4{position:absolute;width:3px;height:3px;background: url({IMG_PATH}fillet.png) no-repeat; overflow:hidden}
  78. .point span.o1{background-position: left top; top:-1px; left:-1px}
  79. .point span.o2{background-position: right top; top:-1px; right:-1px}
  80. .point span.o3{background-position: left -3px; bottom:-1px; left:-1px}
  81. .point span.o4{background-position: right -3px; bottom:-1px; right:-1px;}
  82. .exchange{ padding-left:24px; padding-top:50px}
  83. .exchange h5{ font-weight:normal; font-size:14px; color:#666}
  84. .exchange .avatar{ padding:10px 0}
  85. .exchange .avatar img.user{ padding:2px; border:1px solid #ebebeb;}
  86. .exchange .input{ padding:5px 0}
  87. .exchange .input label{ width:60px; text-align:right; color:#555}
  88. .submit button.hqyz{margin:0px; padding:0px; border:none; cursor:pointer; }
  89. .submit button.hqyz{
  90. background-position: 100% 0%;
  91. border: medium none;
  92. font-size: 12px;
  93. padding: 0 10px 0 7px;
  94. }
  95. .submit button.hqyz{
  96. background: url("{IMG_PATH}member/but.png") no-repeat 100% 0px;
  97. height: 29px;
  98. width: auto;
  99. }
  100. #mobile_div input{*margin-bottom:12px;*_padding:0px 0px 6px 0px}
  101. </style>
  102. <script type="text/javascript" src="{JS_PATH}jquery.min.js"></script>
  103. <script type="text/javascript" src="{JS_PATH}member_common.js"></script>
  104. </head>
  105. <body>
  106. <div id="header">
  107. <div class="content">
  108. <div class="logo"><img src="{IMG_PATH}v9/logo.jpg"/></div>
  109. <span class="log"></span>
  110. </div>
  111. </div>
  112. <div id="content">
  113. <h2>完善资料</h2>
  114. {if !isset($_GET['t'])}
  115. <form method="post" action="index.php?m=member&c=index&a=register" id="myform">
  116. <input type="hidden" name="siteid" value="{$siteid}" />
  117. <input type="hidden" name="modelid" value="10" />
  118. <div class="col-left form-login form-reg">
  119. <div class="point">
  120. <div class="content">
  121. <strong class="title">提示</strong>
  122. <p>登录成功!完善一下信息,立即开始浏览</p>
  123. <p>{$description}</p>
  124. </div>
  125. <span class="o1"></span><span class="o2"></span><span class="o3"></span><span class="o4"></span>
  126. </div>
  127. <div class="input"><label>{L('username')}:</label><input type="text" id="username" name="username" size="36" class="input-text" value="{$connect_username}"></div>
  128. <div class="input"><label>{L('password')}:</label><input type="password" id="password" name="password" size="36" class="input-text"></div>
  129. <div class="input"><label>{L('cofirmpwd')}:</label><input type="password" name="pwdconfirm" id="pwdconfirm" size="36" class="input-text"></div>
  130. <div class="input"><label>{L('email')}:</label><input type="text" id="email" name="email" size="36" class="input-text"></div>
  131. <div class="input"><label>{L('nickname')}:</label><input type="text" id="nickname" name="nickname" size="36" class="input-text" value="{$connect_username}"></div>
  132. {loop $forminfos $k $v}
  133. <div class="input"><label>{if $v['isbase']}<font color=red>*</font>{/if} {$v['name']}:{if $v['tips']}<br />({$v['tips']}){/if}</label><div class="form" style="width: 500px;">{$v['form']}</div></div>
  134. {/loop}
  135. <div class="reg">
  136. <div class="submit"><input type="submit" name="dosubmit" value="{L('agree_protocol_post')}"></div><br />
  137. <input type="checkbox" name="protocol" id="protocol" value=""><a href="javascript:void(0);" onclick="show_protocol();return false;" class="blue">{L('click_read_protocol')}</a>
  138. </div>
  139. </div>
  140. </form>
  141. {elseif isset($_GET['t']) && $_GET['t']==2}
  142. <div class="col-left form-login form-reg">
  143. {php $emailurl = param::get_cookie('email') ? str_replace('@', '',strstr(param::get_cookie('email'), '@')) : '';}
  144. {param::get_cookie('_username')} {L('hellow')},{L('login_email_authentication')} {if $emailurl} {L('please_click')}<a href="http://mail.{$emailurl}">{L('login_email')}</a>{/if}
  145. </div>
  146. {elseif isset($_GET['t']) && $_GET['t']==3}
  147. <div class="col-left form-login form-reg">
  148. {param::get_cookie('_username')} {L('hellow')},{L('please_wait_administrator_verify')}
  149. </div>
  150. {else}
  151. <script language="JavaScript">
  152. <!--
  153. redirect("{APP_PATH}index.php?m=member&c=index&a=login");
  154. //-->
  155. </script>
  156. {/if}
  157. <div class="col-auto exchange">
  158. <h5>已有了账号?</h5>
  159. <div class="avatar"><IMG src="{IMG_PATH}member/nophoto.gif" class="user" width=48 height=48> <IMG src="{IMG_PATH}member/exchange.gif"> <IMG src="{IMG_PATH}member/logo/{$_GET['a']}.png" width=48 height=48 class="user"> </div>
  160. <h5><a href="javascript:;" onclick="show();" class="blue">与我的账号绑定 </a></h5>
  161. <div id="e-login" style="display:none">
  162. <form method="post" action="index.php?m=member&c=index&a=login">
  163. <div class="input">
  164. <label>{L('username')}:</label><input type="text" id="username" name="username" size="22" class="input-text">
  165. </div>
  166. <div class="input">
  167. <label>{L('password')}:</label><input type="password" id="password" name="password" size="22" class="input-text">
  168. </div>
  169. <div class="input">
  170. <label>&nbsp;</label><div class="submit"><input type="submit" name="dosubmit" id="dosubmit" value="{L('login')}"></div>
  171. </div>
  172. </form>
  173. </div>
  174. </div>
  175. </div>
  176. <script type="text/javascript" src="{JS_PATH}formvalidator.js" charset="UTF-8"></script>
  177. <script type="text/javascript" src="{JS_PATH}formvalidatorregex.js" charset="UTF-8"></script>
  178. <script type="text/javascript" src="{JS_PATH}dialog.js"></script>
  179. <script language="JavaScript">
  180. <!--
  181. $(function(){
  182. $.formValidator.initConfig({autotip:true,formid:"myform",onerror:function(msg){}});
  183. $("#username").formValidator({onshow:"{L('input').L('username')}",onfocus:"{L('username').L('between_2_to_20')}"}).inputValidator({min:2,max:20,onerror:"{L('username').L('between_2_to_20')}"}).regexValidator({regexp:"ps_username",datatype:"enum",onerror:"{L('username').L('format_incorrect')}"}).ajaxValidator({
  184. type : "get",
  185. url : "",
  186. data :"m=member&c=index&a=public_checkname_ajax",
  187. datatype : "html",
  188. async:'false',
  189. success : function(data){
  190. if( data == "1" ) {
  191. return true;
  192. } else {
  193. return false;
  194. }
  195. },
  196. buttons: $("#dosubmit"),
  197. onerror : "{L('deny_register').L('or').L('user_already_exist')}",
  198. onwait : "{L('connecting_please_wait')}"
  199. });
  200. $("#password").formValidator({onshow:"{L('input').L('password')}",onfocus:"{L('password').L('between_6_to_20')}"}).inputValidator({min:6,max:20,onerror:"{L('password').L('between_6_to_20')}"});
  201. $("#pwdconfirm").formValidator({onshow:"{L('input').L('cofirmpwd')}",onfocus:"{L('input').L('passwords_not_match')}",oncorrect:"{L('passwords_match')}"}).compareValidator({desid:"password",operateor:"=",onerror:"{L('input').L('passwords_not_match')}"});
  202. $("#email").formValidator({onshow:"{L('input').L('email')}",onfocus:"{L('email').L('format_incorrect')}",oncorrect:"{L('email').L('format_right')}"}).inputValidator({min:2,max:32,onerror:"{L('email').L('between_2_to_32')}"}).regexValidator({regexp:"email",datatype:"enum",onerror:"{L('email').L('format_incorrect')}"}).ajaxValidator({
  203. type : "get",
  204. url : "",
  205. data :"m=member&c=index&a=public_checkemail_ajax",
  206. datatype : "html",
  207. async:'false',
  208. success : function(data){
  209. if( data == "1" ) {
  210. return true;
  211. } else {
  212. return false;
  213. }
  214. },
  215. buttons: $("#dosubmit"),
  216. onerror : "{L('deny_register').L('or').L('email_already_exist')}",
  217. onwait : "{L('connecting_please_wait')}"
  218. });
  219. $("#nickname").formValidator({onshow:"{L('input').L('nickname')}",onfocus:"{L('nickname').L('between_2_to_20')}"}).inputValidator({min:2,max:20,onerror:"{L('nickname').L('between_2_to_20')}"}).regexValidator({regexp:"ps_username",datatype:"enum",onerror:"{L('nickname').L('format_incorrect')}"}).ajaxValidator({
  220. type : "get",
  221. url : "",
  222. data :"m=member&c=index&a=public_checknickname_ajax",
  223. datatype : "html",
  224. async:'false',
  225. success : function(data){
  226. if( data == "1" ) {
  227. return true;
  228. } else {
  229. return false;
  230. }
  231. },
  232. buttons: $("#dosubmit"),
  233. onerror : "{L('already_exist').L('already_exist')}",
  234. onwait : "{L('connecting_please_wait')}"
  235. });
  236. $(":checkbox[name='protocol']").formValidator({tipid:"protocoltip",onshow:"{L('read_protocol')}",onfocus:"{L('read_protocol')}"}).inputValidator({min:1,onerror:"{L('read_protocol')}"});
  237. {$formValidator}
  238. {if !isset($_GET['modelid']) && !isset($_GET['t']) && !empty($member_setting['showregprotocol'])}
  239. show_protocol();
  240. {/if}
  241. });
  242. function show_protocol() {
  243. art.dialog({lock:false,title:'{L('register_protocol')}',id:'protocoliframe', iframe:'?m=member&c=index&a=register&protocol=1',width:'500',height:'310',yesText:'{L('agree')}'}, function(){
  244. $("#protocol").attr("checked",true);
  245. });
  246. }
  247. function show(){
  248. var t = $("#e-login");
  249. if(t.css("display") == "none"){
  250. t.show();
  251. }else{
  252. t.hide();
  253. }
  254. }
  255. //-->
  256. </script>
  257. {template 'member', 'footer'}