做登陆窗口,弹出层效果的,怎么搞啊
本帖最后由 djb101 于 2012-12-08 13:26:00 编辑
做登陆窗口,弹出层效果的,类似百度的登陆效果,登陆怎么搞啊,类似百度登陆效果的
1.弹出层里面高Iframe 引用登陆页面, 登陆成功后层里面直接有了一个小主页,怎么关闭掉弹出的窗口并刷新页面啊
2.好吧,不引用了在主页里做个登陆模块,正确了能够做的关闭刷新,但问题又来了,点页面别的按钮貌似呢 隐藏掉的登陆模块验证控件又发挥作用了,杯具,不知道怎么搞了实在是木有办法啊跪求大神指点啊
------最佳解决方案--------------------相当于将一个隐藏
<div class="login" style="display:none">...</div>
的的css 的z-index设置高于当前页面,如果有必要加一个透明遮罩 禁止出现页面登陆出现是其他地方的点击
至于如何出现 就可以配合jquery (方便点)
用$(".login").html() 获取html
在设置其css
在用$("body").append("html")显示出页面页面
但是如果这种纯粹自己写的发 比较麻烦,而且兼容性可能又会出问题 所以还是建议利用一些成熟的javascript插件/类库来做
------其他解决方案--------------------高手在呢里啊
------其他解决方案--------------------你点按钮肯定会postback的,就会激发验证控件。简单的的方法是不要用验证控件好了,如果需要验证你可以自己写个jquery的验证,或者把验证写在后台登陆按钮的方法中。最理想最安全就是2个地方都写验证
------其他解决方案--------------------弹出层效果最好还是用javascript来做
现在成熟的javascript框架都是集成了之后功能
比如jquery-easyui,extjs等,他们都可以把你页面上的部分html代码块作为一个弹窗显示在页面上
比如easyui的
<div id="win" iconCls="icon-save" title="My Window">
Window Content
</div>
你的代码块
$('#win').window(options);
javascript将此作为弹窗打开
------其他解决方案--------------------我用的就是插件jqModal,如果要用IFrame又没什么办法登陆成功后关闭掉小窗口,我看百度的也是搞iframe
------其他解决方案--------------------你回答的是第二种把,呢我也想过,问题是搞服务器按钮,弹出的窗口不管有没验证成功,只要一点就刷新整个页面,找了很多方法加个UpdatePanel没全部刷新了,但是高页面验证码却失效了,不能刷新验证码了,搞控件验证码,他隐场掉也要其验证作用
------其他解决方案--------------------
刚刚看了下百度空间的登陆,当你点登陆的时候他是会<div id="topbarLoginDialog">动态加载这个div,里面是有个iframe 指向百度的登陆页面,但是当你登陆的时候百度是刷新页面的,就达到了登陆成功还是在当前页面
其实像这种登陆框未必是一个要iframe的,直接在登陆方法里面加载登陆的html块和执行登陆的方法也是可以的
------其他解决方案--------------------看了下百度的iframe的src属性http://hi.baidu.com/go/login?mode=top&width=980&height=337&u=http://hi.baidu.com/baidu/
可以看到百度登陆后是 像这个u的参数跳转的
------其他解决方案--------------------敢问大神,加载登陆的html块,是怎么个加载法啊,我菜鸟来的,好多都不懂,可不可以给点东西参考下
------其他解决方案--------------------