Question

js弹出层的问题

js弹出层的数据是从action返回来的，jsp页面把数据提交后还返回这个页面，并把返回的结果在div弹出层中显示，要这个弹出div层是提交表单后自动弹出的。怎么弄？？？求大侠帮我

Answer 1

这个div先让他隐藏，数据返回后填充。接下来就是显示效果，在Window的onload事件中，判断div中是否有数据，如果有以弹出层的形式显示出来就行了，如果没有说明是表单提交前的，就不显示。

追问

为什么是window的onload事件是窗体加载的时候加载的，而我的这个是返回结果的加载，你能给我个例子吗

追答

你不是从Jsp页面，提交数据，然后又跳转到该Jsp页面吗？还是使用的是ajax提交。如果是第一种情况，我给你说的就没错，一定会实现的。如果是ajax提交，不涉及页面跳转的话，你执行把我说的放在ajax成功返回中执行就行了。不知楼主明白没

追问

没使用ajax提交，用的是submit。你说判断怎么弄

追答

获取弹出div中的某个元素看是否有值，如果有值不就表示表单提交后跳转过来的吗，这样让它以弹出层的形式显示

追问

怎么用js给这个div加背景色，边框之类的。不用css写样式.
或者你有没有例子，我参考下

追答

例子没有，你不是能获取div元素吗，然后。div.style.background=你想要的颜色，其他样式的添加类似的

追问

能加你q不 那就是用你说的那个在body上面加onload事件显示div是这样吗？那我还想让显示的这个div停顿1分钟然后自动消失，调用这个自动消失的代码在哪调用呢？

追答

1083868075

Answer 2

给你个思路 用异步提交做吧
提交按钮 用button 添加一个 onclick 事件指定一个处理函数； 点击按钮触发onclick 事件 ，将form表单信息 通过post 方式提交到后台action指定方法，处理完数据后 将弹出层数据返回 ，在回调函数中调用弹出div层的函数。
下面这个是JQuery 的post 异步提交方法的例子：
function login_fun(){
var count=$("#countID").val();
var password=$("#passID").val();
$.post("LoginHandler.ashx",//提交页面
{count:""+count+"",password:""+password+""},//提交的数据
function (data){// 回调函数，就是 action 处理前台数据后将要执行的函数.弹出层的数据被当做一个data封装返回到回调函数中。在这个函数中在将弹出层的数据取出来当做参数传给你要调用的弹出层函数
switch (data){
case '1': window.location.href="EMail.aspx"; ;break;
case '2':$("#LoginMessage").text("密码错误"); ;break;
case '3':$("#LoginMessage").text("账户错误"); ;break;
default:$("#LoginMessage").text("登录失败");
}
});

}

追问

我用的是jsp写的，应该不一样吧
如果不用异步提交怎么做

追答

跟JSP 有什么 关系 上面那个就是 JS ，你想弹出div层不得 用JS 实现吗

追问

不用异步提交可以吗

追答

不用异步提交也可以 楼上那个 window的onload事件是窗体加载的时候加载的 ，你想 表单用 submit提交 他就会造成页面刷新， 页面一刷新不就得再次执行 onload事件了么，你用异步提交 以后肯定会用的到 ，因为他是无刷新的