当前位置: 代码迷 >> ASP.NET >> asp.net弹出登录对话框功能解决思路
  详细解决方案

asp.net弹出登录对话框功能解决思路

热度:5318   发布时间:2013-02-25 00:00:00.0
asp.net弹出登录对话框功能
进入某页面,如果未登录的话则弹出登录对话框这个功能怎么实现?
求各位大虾帮帮忙!!!!!感谢!!!

------解决方案--------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
<link type="text/css" href="css/smoothness/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(function(){

// Dialog
$('#dialog').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() { 
$(this).dialog("close"); 
}, 
"Cancel": function() { 
$(this).dialog("close"); 

}
});

// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});

});
</script>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

</style>
</head>
<body>

<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
<h2 class="demoHeaders">Dialog</h2>
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>

<!-- ui-dialog -->
<div id="dialog" title="Dialog Title">
<p>此处布局用户名与密码等等</p>
</div>

</body>
</html>
------解决方案--------------------------------------------------------
简单的做法有
用html写一个绝对定位的登录框,display:none
当页面加载时判断出没有登陆时,把display属性的none去掉,登录框就出来了
什么技术都不需要
------解决方案--------------------------------------------------------
简单的做法有
用html写一个绝对定位的登录框,display:none
当页面加载时判断出没有登陆时,把display属性的none去掉,登录框就出来了
什么技术都不需要

+1

如果要我做。。我也这么做。
------解决方案--------------------------------------------------------
贴点代码吧:

<div id='loaddiv' runat="server" style="display:none;position:absolute;width:300px;height:200px;z-index:100">
中间写你的登录框
</div>
后台代码:
protected void Page_Load(object sender, EventArgs e)
{
if (Session["user"] == null)//判断是否登录
{
loaddiv.Attributes.Add("display", "");//未登录即显示登录框
}
}

------解决方案--------------------------------------------------------
http://www.cnblogs.com/fishbin/archive/2009/11/10/1600067

这里面有一个完整的实例而且通过Ajax实现的挺不错的。
------解决方案--------------------------------------------------------
弹出一个层就行
去GOOGLE下。
------解决方案--------------------------------------------------------
jquery_dialog


插件
  相关解决方案