做登陆窗口，弹出层效果的，如何搞

做登陆窗口，弹出层效果的，怎么搞啊
本帖最后由 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将此作为弹窗打开
[其他解释]

引用:

弹出层效果最好还是用javascript来做
现在成熟的javascript框架都是集成了之后功能
比如jquery-easyui,extjs等，他们都可以把你页面上的部分html代码块作为一个弹窗显示在页面上

比如easyui的
XML/HTML code?123<div id="win" iconCls="icon-save" title="My Wind……

我用的就是插件jqModal，如果要用IFrame又没什么办法登陆成功后关闭掉小窗口，我看百度的也是搞iframe
[其他解释]

引用:

你点按钮肯定会postback的，就会激发验证控件。简单的的方法是不要用验证控件好了，如果需要验证你可以自己写个jquery的验证，或者把验证写在后台登陆按钮的方法中。最理想最安全就是2个地方都写验证

你回答的是第二种把，呢我也想过，问题是搞服务器按钮，弹出的窗口不管有没验证成功，只要一点就刷新整个页面，找了很多方法加个UpdatePanel没全部刷新了，但是高页面验证码却失效了，不能刷新验证码了，搞控件验证码，他隐场掉也要其验证作用
[其他解释]

引用:

我用的就是插件jqModal，如果要用IFrame又没什么办法登陆成功后关闭掉小窗口，我看百度的也是搞iframe

刚刚看了下百度空间的登陆，当你点登陆的时候他是会<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的参数跳转的
[其他解释]

引用:

引用:我用的就是插件jqModal，如果要用IFrame又没什么办法登陆成功后关闭掉小窗口，我看百度的也是搞iframe

刚刚看了下百度空间的登陆，当你点登陆的时候他是会<div id="topbarLoginDialog">动态加载这个div，里面是有个iframe  指向百度的登陆页面，但是当你登陆的时候百度是刷新页面的，就达到了登……

敢问大神，加载登陆的html块，是怎么个加载法啊，我菜鸟来的，好多都不懂，可不可以给点东西参考下
[其他解释]

引用:

相当于将一个隐藏
<div class="login" style="display:none">...</div>
的的css 的z-index设置高于当前页面，如果有必要加一个透明遮罩 禁止出现页面登陆出现是其他地方的点击
至于如何出现 就可以配合jquery （方便点）

用$(".login").html() 获取html 
  在设置其css
   在……

辛苦了！，我问到自己都不好意思了，看着很深奥的，其实我太菜了水平太有限了。算了给你分了，谢谢大神啊

查看更多 下一篇