none
asp.net 弹出登录窗口,并且实现背景透明,登陆后刷新原来窗口 RRS feed

答案

  • 你好:

    你可以使用一些js的对话框插件来实现。以我使用过的案例来说。我使用jquery.Boxy来实现模态对话框。该对话框中你可以使用一个div来包括登陆的代码。也可以使用一个Iframe来包括一个登陆页面。然后使用ajax登陆。如果登陆成功,则location.href=location.href;来刷新当前页面。

    $("#submitUserLogin").bind("click",function(){
        var email = $("#Email").attr("value");
        var password = $("#PassWord").attr("value");
        if (email.length > 3&&password.length>5){
            var box = new Boxy("<div>正在登录<img src='/Img/loading.gif' /></div>",{model:false});
            $.get("/Forum/Home/UserLogin", { "Email":email,"PassWord":password }, function (result) {
                if (result == "true")
                    location.href=location.href;
                else
                {
                    box.hide();
                    Boxy.alert("用户登录失败,请核对登录信息", function(){location.href=location.href;}, {model:true});
                }
            });
        }
        else
            Boxy.alert("请输入正确的登录信息", null, null);
    });

    希望对你有所帮助。

    2010年8月9日 6:35
    版主

全部回复

  • 你好

    或者你可以嘗試用 Ajax Control Toolkit 的 ModalPopUp Extender 嘗試制作1

    http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/ModalPopup/ModalPopup.aspx

    不知道能不能解決這個問題


    Chi
    2010年8月8日 5:28
  • 你好:

    你可以使用一些js的对话框插件来实现。以我使用过的案例来说。我使用jquery.Boxy来实现模态对话框。该对话框中你可以使用一个div来包括登陆的代码。也可以使用一个Iframe来包括一个登陆页面。然后使用ajax登陆。如果登陆成功,则location.href=location.href;来刷新当前页面。

    $("#submitUserLogin").bind("click",function(){
        var email = $("#Email").attr("value");
        var password = $("#PassWord").attr("value");
        if (email.length > 3&&password.length>5){
            var box = new Boxy("<div>正在登录<img src='/Img/loading.gif' /></div>",{model:false});
            $.get("/Forum/Home/UserLogin", { "Email":email,"PassWord":password }, function (result) {
                if (result == "true")
                    location.href=location.href;
                else
                {
                    box.hide();
                    Boxy.alert("用户登录失败,请核对登录信息", function(){location.href=location.href;}, {model:true});
                }
            });
        }
        else
            Boxy.alert("请输入正确的登录信息", null, null);
    });

    希望对你有所帮助。

    2010年8月9日 6:35
    版主
  • 其实就是一个遮罩层了

    你可以看看thickbox

    2010年8月19日 10:55