LBS^2 AJAX 登录修改

[ 2009-04-01 09:36:43 | 作者: admin ]

【调整阅览字体大小】: | |

=========================
插件名称:LBS^2 AJAX 登录修改
发布时间:2009-04-01
程序发布fridayer
作者主页http://zone.hjchk.com
=========================

其实只是自己用着方便点,没什么大用。

效果演示:


1、源自www.atan.cn,给他留言要源码也不理,就给八下来了,版权仍atan所有。
2、为了方便,没有修改原src_login和src_register.asp,另建了两个文件ajax_login和ajax_register.asp。
3、所用到的jQuery库是atan原来的,我看不懂,也没分析出来到底是哪一个版本,臃肿了一点,50多k。最好有懂的能简化一下。
4、修改:

首先下载压缩包,解压至lbs根目录,放心没有替换文件。 点击下载
接下来按如下步骤对global.asp进行修改即可。

1、在顶部菜单位置替换原登录项:
  <li id="log_or_reg"<%if(theUser.loggedIn){%> style="display:none;"<%}%>><a href="javascript:void();"><%=lang["login"]%>/<%=lang["register"]%></a></li>
  <li id="ajax_logout"<%if(!theUser.loggedIn){%> style="display:none;"<%}%>><a href="javascript:void();"><%=lang["logout"]%></a></li>
2、在<div id="innerSidebar">下面加:
<!-- for ajax login -->
<span id="Loginer"></span>
3、在</body>前面加(必须):
<!-- for ajax login, must be here -->
<div id="ajax_loginBox">
<div id="ajax_loginPart">
<form name="login" method="post" action="ajax_login.asp?act=login" id="ajax_loginForm">
  <h4><%=lang["login"]%></h4>
 <label for="username"><%=lang["username"]%>:<label>
 <input id="username" name="username" type="text" size="12" maxlength="24" class="text" />
 <label for="password"><%=lang["password"]%>:</label>
 <input id="password" name="password" type="password" size="12" maxlength="16" class="text" />
    <% if(theCache.settings["enableSecurityCode"]==1){ %>
    <label for="scode"><%=lang["scode"]%>: <img src="scode.asp" alt="<%=lang["scode"]%>" /></label>
    <input name="scode" size="4" maxlength="4" type="text" class="text" />
    <% } %>
    <input name="Login" type="submit" value=" <%=lang["login"]%> " class="button" />
</form></div>
<div id="ajax_or">&nbsp;</div>
<div id="ajax_regPart">
<form name="register" method="post" action="ajax_register.asp?act=save" id="ajax_regForm">
  <h4><%=lang["register"]%></h4>
 <label for="username"><%=lang["username"]%>:<label>
 <input id="password" name="username" type="text" size="12" maxlength="24" class="text" />
 <label for="password"><%=lang["password"]%>:</label>
 <input id="password" name="password" type="password" size="12" maxlength="16" class="text" />
 <label for="username"><%=lang["repassword"]%>:<label>
 <input id="repassword" name="repassword" type="password" size="12" maxlength="24" class="text" />
    <% if(theCache.settings["enableSecurityCode"]==1){ %>
    <label for="scode"><%=lang["scode"]%>: <img src="scode.asp" alt="<%=lang["scode"]%>" /></label>
    <input name="scode" size="4" maxlength="4" type="text" class="text" />
    <% } %>
 <input name="Login" type="submit" value=" <%=lang["register"]%> " class="button" />
</form></div>
<div id="ajax_result"></div>
<div id="ajax_closeBtn"><img src="<%=theCache.settings["imageFolder"]%>/close.gif" style="display:block;"></div>
</div>
<script type="text/javascript" language="javascript" src="ajax_lbs.js"></script>
<!-- ajax login over -->
styles.css加
#ajax_loginBox{
 position: absolute;
 display:none;
 overflow:auto;
 z-index:102;
 width:360px;
 padding:0 0 15px 15px;
 border:6px solid #333;
 font-weight: bold;
 background:#fff;
 color:#999;
}
#ajax_loginBox form h4{
 margin:15px 0;
 font-size: 14px;
}
#ajax_loginPart h4{
 color:#60A000;
}
#ajax_regPart h4{
 color:#01B0F0;
}
#ajax_loginBox form label{
 margin:0;
}
#ajax_loginBox form input.text{
 display:block;
 margin:0 0 5px 0;
 width:118px;
}
#ajax_or{
 float:left;
 width:90px;
}
#ajax_loginPart, #ajax_regPart{
 float:left;
 width:120px;
}
#ajax_result{
 float:left;
 display:none;
 overflow:hide;
 padding:35px 0 0 15px;
 width:210px;
 _width:195px;
 color:#FF358B;
}
#ajax_result ul{
 color:#666;
}
#ajax_closeBtn{
 float:right;
 width:15px;
}
#overlay{
 position:absolute;
 display:none;
 z-index:100;
 top:0;
 left:0;
 background:#000000;
 -moz-opacity: 0.6;
 opacity: 0.6;
 filter:Alpha(Opacity=60);
}
#simplebox{
 position: absolute;
 display:none;
 z-index:101;
 border:6px solid #FFF;
}

好像得自己画个15*15的close.gif放图片文件夹。

原文发布:http://zone.hjchk.com/article.asp?id=374&cat=12&pcat=3
论坛互动:http://www.lbsky.cn/forum/viewthread.php?tid=3623

返回顶部

评论Feed 评论Feed: http://lbs.goeswell.cn/fans/feed.asp?q=comment&id=284
UTF-8 Encoding 引用链接: 点击查看引用链接

浏览模式: 显示全部 | 评论: 1 | 引用: 0 | 排序 | 浏览: 12402
引用 Yhasmin*
[ 2012-09-16 11:01:23 ]
The aneswr of an expert. Good to hear from you.

发表
表情图标
[smile] [confused] [cool] [cry]
[eek] [angry] [wink] [sweat]
[lol] [stun] [razz] [redface]
[rolleyes] [sad] [yes] [no]
[heart] [star] [music] [idea]
UBB代码
转换链接
表情图标
悄悄话
用户名:   密码:   注册? 验证码 * 请输入验证码