asp.net弹出登录对话框功能解决思路
日期：2014-05-18 浏览次数：20459 次
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.html
这里面有一个完整的实例而且通过Ajax实现的挺不错的。
------解决方案--------------------
弹出一个层就行
去GOOGLE下。
------解决方案--------------------
jquery_dialog
插件
进入某页面，如果未登录的话则弹出登录对话框这个功能怎么实现？
求各位大虾帮帮忙！！！！！感谢！！！
------解决方案--------------------
<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.html
这里面有一个完整的实例而且通过Ajax实现的挺不错的。
------解决方案--------------------
弹出一个层就行
去GOOGLE下。
------解决方案--------------------
jquery_dialog
插件
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
