在模板里显示登录前后会员状态
2010-05-30 19:14:32 来源:WEB开发网如果你的网站是以会员服务为主的性质,那么,您可能希望在网站首页显示一个会员登录框,可以直接输入登录名和密码,而不是简单的一个登录链接,怎么做呢?
登录前演示图(会自动记录登录名): |
登录后的演示图: |
在模板里加上会员登录框和登录后显示会员状态的代码如下,请直接copy到你的模板对应的位置,然后稍作修改即可。
<SCRIPT type=text/javascript>//<![CDATA[
function validate_login_form(frm) { var value = ''; var errFlag = new Array(); var _qfGroups = {}; _qfMsg = ''; value = frm.elements['login_name'].value; if (value == '' && !errFlag['login_name']) { errFlag['login_name'] = true; _qfMsg = _qfMsg + '\n - 登陆名: 必须填写'; } value = frm.elements['login_name'].value; if (value != '' && value.length < 2 && !errFlag['login_name']) { errFlag['login_name'] = true; _qfMsg = _qfMsg + '\n - 登陆名: 至少需要 2 个字母!'; } value = frm.elements['login_pass'].value; if (value == '' && !errFlag['login_pass']) { errFlag['login_pass'] = true; _qfMsg = _qfMsg + '\n - 登录密码: 必须填写'; } value = frm.elements['login_pass'].value; if (value != '' && value.length < 5 && !errFlag['login_pass']) { errFlag['login_pass'] = true; _qfMsg = _qfMsg + '\n - 登录密码: 至少需要 5 个字母!'; } if (_qfMsg != '') { _qfMsg = '\n=== 有如下错误需要修改 ===\n' + _qfMsg; _qfMsg = _qfMsg + '\n\n- 请修改上述错误后再重新提交'; alert(_qfMsg); return false; } return true;
}
function showHBcmsLoginName() {
if ( typeof(hbcms_GetCookie) == 'function' ) {
if( hbcms_GetCookie('HBcmsLoginName') != null ) {
document.getElementById('welcome_back').innerHTML = '您好 <font color="green">' + hbcms_GetCookie('HBcmsLoginName') + '</font>';
document.login_form.login_name.value = hbcms_GetCookie('HBcmsLoginName');
}
} else {
setTimeout("showHBcmsLoginName()",500);
}
}
setTimeout("showHBcmsLoginName()",1000);
if( document.cookie.indexOf('HBcmsLogin=') == -1 ){
login_tb_dis = 'block'; user_tb_dis = 'none';
} else {
login_tb_dis = 'none'; user_tb_dis = 'block';
}
document.write('<st'+'yle>#index_login_tb{displ'+'ay:'+login_tb_dis+';}#index_user_tb{di'+'splay:'+user_tb_dis+';}#index_user_tb td{text-align: center;height:30px;}</s'+'tyle>');
//]]></SCRIPT>
<div class="t3 bcb bgb sub_nav">会员登录</div>
<div class="b3 bcb mb12" style="padding-left: 2px;">
<FORM id=login_form name=login_form onsubmit="try { var myValidator = validate_login_form; } catch(e) { return true; } return myValidator(this);" action="/<{$web.cms_dir}>/user/login.php" method=post target=_top>
<CENTER>
<div id="index_login_tb">
<TABLE border=0>
<TBODY>
<TR>
<TD vAlign=top align=right>会员名称:</TD>
<TD vAlign=top align=left><INPUT style="WIDTH: 100px" value="" name=login_name></TD></TR>
<TR>
<TD vAlign=top align=right>登录密码:</TD>
<TD vAlign=top align=left><INPUT style="WIDTH: 100px" type=password value="" name=login_pass></TD></TR>
<TR>
<TD vAlign=top align=center colspan=2>
<INPUT type=submit value="会员登录" name=btnSubmit class=header_btn>
<INPUT type=button value="免费注册" name=btnReg class=header_btn onclick="location.href='/<{$web.cms_dir}>/user/register.php';">
<INPUT type=hidden value="index.php" name=next_url>
<INPUT type=hidden value=1 name=rememberMe>
<INPUT type=hidden name=addon_app>
</TD></TR>
</TBODY></TABLE></div>
<div id="index_user_tb"><TABLE border=0 width=95%>
<TBODY>
<TR><TD id="welcome_back" colspan=2 align=center>欢迎您回来</TD></TR>
<TR>
<TD><a href="/<{$web.cms_dir}>/user/index.php">会员控制中心</a></TD>
<TD><a href="/<{$web.cms_dir}>/user/user_info_edit.php">个人资料</a> |<a href="/<{$web.cms_dir}>/user/login.php?logout=1">退出</a> </TD>
</TR>
<TR><TD><A HREF="/<{$web.cms_dir}>/user/list_article.php">文章发布管理</A></TD>
<TD><A HREF="/<{$web.cms_dir}>/user/list_action_history.php"><{$web.money_name} >历史记录</a></TD></TR>
</TBODY></TABLE></div>
</CENTER>
</FORM>
</div>
上述代码非常适合官方发布的冰蓝模板,直接放在冰蓝模板首页即可看到效果。
更多精彩
赞助商链接