不多说了,直接上代码:
1、修改/static/js/aw_template.js,在最后的}之前添加代码
'ajaxLogin' :
'<div class="modal fade alert-box aw-login-box">'+
'<div class="modal-dialog">'+
'<div class="modal-content">'+
'<div class="modal-header">'+
'<a type="button" class="close icon icon-delete" data-dismiss="modal" aria-hidden="true"></a>'+
'<h3 class="modal-title" id="myModalLabel">' + _t('登陆') + '</h3>'+
'</div>'+
'<div class="modal-body">'+
'<form id="login_form" method="post" onsubmit="return false" action="account/ajax/login_process/">'+
'<input type="hidden" name="return_url" value="{{return_url}}" />'+
'<ul>'+
'<li class="text-color-888">邮箱/用户名:</li>'+
'<li>'+
'<input type="text" id="aw-login-user-name" class="form-control" placeholder="邮箱、用户名" name="user_name" />'+
'</li>'+
'<li class="text-color-888">密码:</li>'+
'<li>'+
'<input type="password" id="aw-login-user-password" class="form-control" placeholder="密码" name="password" />'+
'</li>'+
'<li class="alert alert-danger hide error_message">'+
'<i class="icon icon-delete"></i> <em></em>'+
'</li>'+
'<li class="last" style="overflow: hidden;">'+
'<a href="javascript:;" onclick="AWS.ajax_post($(\'#login_form\'), AWS.ajax_processer, \'error_message\');" id="login_submit" class="pull-left btn btn-large btn-primary">登录</a>'+
'<a href="account/openid/qq/bind/?return_url={{return_url}}" class="btn btn-large btn-qq"><i class="icon icon-qq"></i> 一键登录</a>'+
'</li>'+
'<li>'+
'<label style="margin:8px 0 0 10px;">'+
'<input type="checkbox" value="1" name="net_auto_login" style="vertical-align: -2px;" />'+
'记住我'+
'</label>'+
'</li>'+
'</ul>'+
'</form>'+
'<div class="s-login-form-bottom" style="height:22px;">'+
'<a href="account/find_password/" class="pull-left">忘记密码</a>'+
'<span class="pull-right text-color-888">还没有帐号?<a href="account/register/">点击注册</a></span>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>',
2、修改/static/js/aws.js,在dialog中添加代码,大概在562行位置
case 'ajaxLogin':
var template = Hogan.compile(AW_TEMPLATE.ajaxLogin).render(
{
'return_url':encodeURIComponent(window.location.href),
});
break;
3、在需要弹出的位置加上如下代码
3.1、页面中的加法:
onclick="if(!G_USER_ID){AWS.dialog('ajaxLogin');return false;}"
js中的加法:
if(!G_USER_ID){AWS.dialog('ajaxLogin');return false;}这个已经完成了。
图:
阅读全文
收起全文