不看会后悔的Windows XP之经验谈	简单快捷DIY实用家庭影院

高分求 javaScript函数:showModalDialog()的使用实例，不够再加分

楼主BeefCattle（风雨无阻）2005-07-23 15:59:43 在 Java / Web 开发提问

现在有三个页面index.jsp,edit.jsp,ok.jsp

index.jsp

姓名年龄性别
张三 22 男
李四 33 女

[修改]

//功能描述：显示人员列表
//这些人员信息不用从数据库中读取，直接写到页面即可
//当选中某一个人员的单选框后，点击[修改]按钮则打开模态窗口edit.jsp

----------------------------------------------------------
edit.jsp

姓名李四
年龄 33
性别女

[保存]

//功能描述：修改人员信息
//性别项用下拉框
//录入修改的信息，点击[保存]按钮后，转入新页面ok.jsp以显示成功信息。
//但ok.jsp仍是在edit.jsp的模态窗口内

----------------------------------------------------------
ok.jsp

姓名李四
年龄 44
性别男

//功能描述：修改成功信息
//本页面显示刚才修改成功的人员信息
//关闭本窗口后，index.jsp页面显示最新的人员信息列表

----------------------------------------------------------
index.jsp

姓名年龄性别
张三 22 男
李四 44 男

[修改]

----------------------------------------------------------

注：以下函数仅供参考，您可用更好的方式实现，但必须用到showModalDialog()
index.jsp
<script>
//提交选中的人员到 edit.jsp
function showMsg(){
var i = 0;
var mxh1;
if(document.form1.sel[i].checked) {
mxh1 = new Array("张三","22","男");
} else {
mxh1 = new Array("李四","33","女");
}

//打开模态窗口
window.showModalDialog("edit.jsp",mxh1,"dialogHeight:600px;dialogWidth:600px;edge:Raised;center:yes;Help:No;resizable:No;status:Yes;");
}
</script>

edit.jsp
<script>
//接受父窗口的参数,并设置表单值
var a = window.dialogArguments;
document.personForm.userName.value=a[0];
document.personForm.age.value=a[1];
document.personForm.sex.value=a[2];

</script>
问题点数：100、回复次数：11Top

1 楼huangdeji（活着就是等死）回复于 2005-07-23 16:28:22 得分 0

我给你解决，等会我给你做个例子出来Top

2 楼BeefCattle（风雨无阻）回复于 2005-07-23 16:41:23 得分 0

谢谢，朋友，
我刚找到一家公司，
上班后有一系列的考察题，
这是第一套，
说真的，要不是不熟悉JavaScript，两个小时就搞定了。
结果用了一天多还不行，领导巳有点不满意了。

对了，
要求用STRUTS结构实现

我的联系方式
QQ 33326903
MSN fhboss@hotmail.com
Top

3 楼huangdeji（活着就是等死）回复于 2005-07-23 16:59:41 得分 0

index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<script language="JavaScript" >
function showDialog(){

var x=10;
var wid = 580;
var heig = 450;
var para =""
+"dialogWidth=300pt"
+";dialogHeight=300pt"
+ ";scroll=0"
+";resizable=0"
+";toolbar=0"
+";menubar=0";
window.showModalDialog("dialog.html",self, para);
}
</script>
<BODY>
<form name = 'a'>
<table>
<tr><td>
<input name="select" size="2%" type="radio">
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>
<tr><td>
<input name="select" size="2%" type="radio">
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>
<tr><td>
<input name="select" size="2%" type="radio">
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>

<tr><td>
<input type='button' value = 'edit' onclick = "showDialog()">
</td></tr>
</table>
</form>
</BODY>
</HTML>
Top

4 楼huangdeji（活着就是等死）回复于 2005-07-23 17:00:59 得分 0

dialog.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<script language="JavaScript" >
function doinit(){
var objFrom = top.dialogArguments.document.forms[0];
var select = objFrom["select"];
var names = objFrom["name"];
var sexs = objFrom["sex"];
for(var i = 0;i < select.length;i++){
if(select[i].checked){
document.dialog.name.value = names[i].value;
document.dialog.sex.value = sexs[i].value;
break;
}
}
}
function editEnd(){
var objFrom = top.dialogArguments.document.forms[0];
var select = objFrom["select"];
var names = objFrom["name"];
var sexs = objFrom["sex"];
for(var i = 0;i < select.length;i++){
if(select[i].checked){
names[i].value = document.dialog.name.value;
sexs[i].value = document.dialog.sex.value;
window.close();
}
}
}
</script>

<BODY onload = "doinit()">
<form name = "dialog">
<table>
<tr><td>
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>
<tr><td>
<input type='button' value = 'enter' onclick = "editEnd()">
</td></tr>
</table>
</form>
</BODY>
</HTML>
Top

5 楼BeefCattle（风雨无阻）回复于 2005-07-23 17:24:27 得分 0

这两个页面的功能我已经实现了，
现在问题是
如何在不关闭模态窗口edit.jsp的情况下，
打开一个修改成功页面ok.jsp且显示刚刚修改过的人员信息，
关闭ok.jsp后,index.jsp会刷新得到最新数据。Top

6 楼BeefCattle（风雨无阻）回复于 2005-07-24 11:20:25 得分 0

虽然是个小问题，
还是希望大家能帮忙解决一下。
Top

7 楼BeefCattle（风雨无阻）回复于 2005-07-25 09:33:27 得分 0

急呀Top

8 楼huangdeji（活着就是等死）回复于 2005-07-25 12:45:00 得分 20

index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<script language="JavaScript" >
function showDialog(){

var para =""
+ "dialogWidth=300pt"
+ ";dialogHeight=300pt"
+ ";scroll=0"
+ ";resizable=0"
+ ";toolbar=0"
+ ";menubar=0";
window.showModalDialog("dialog.html",self, para);
}
</script>
<BODY>
<form name = 'a'>
<table>
<tr><td>
<input name="select" size="2%" type="radio">
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>
<tr><td>
<input name="select" size="2%" type="radio">
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>
<tr><td>
<input name="select" size="2%" type="radio">
<input type = "text" name = "name">
<input type = "text" name = "sex">
</td></tr>

<tr><td>
<input type='button' value = 'edit' onclick = "showDialog()">
</td></tr>
</table>
</form>
</BODY>
</HTML>
Top

9 楼huangdeji（活着就是等死）回复于 2005-07-25 12:46:16 得分 60

10 楼huangdeji（活着就是等死）回复于 2005-07-25 12:47:43 得分 20

ok.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="JavaScript" >
function editEnd(){
var objFrom = top.dialogArguments.document.forms[0];
var select = objFrom["select"];
var names = objFrom["name"];
var sexs = objFrom["sex"];
for(var i = 0;i < select.length;i++){
if(select[i].checked){
names[i].value = "111";
sexs[i].value = "222";
window.close();
}
}
}
</script>
<BODY>
<input type='button' value = 'ok' onclick = "editEnd()">
</BODY>
</HTML>
Top

11 楼Javcs（简单就好）回复于 2005-07-25 12:56:48 得分 0

学习Top