您的位置:首页 > Web前端 > JavaScript

js ShowModalDialog向父窗口传参数

2013-06-16 15:25 176 查看
父窗口js代码

function openSelectReceiverUI(){
myShowModalDialog("URL地址", 500, 500);
}

表单

<s:hidden name="UserID" />
<s:textfield name="receiverName" cssClass=" required InputStyle" cssStyle="width:250px; float:left;" cssClass="required "/>
<div onClick="openSelectReceiverUI()" class="FuncBtn" style="margin-left: 10px;">
<div class="FuncBtnHead"></div>
<div class="FuncBtnMemo">选择...</div>
<div class="FuncBtnTail"></div>
</div>

对超链接的美化

.FuncBtnHead {
background: url(images/func_btn_head_bg.gif) no-repeat;
float: left;
width: 2px;
height: 20px;
}

.FuncBtnMemo {
background: url(images/func_btn_bg.gif) repeat-x;
float: left;
height: 20px;
padding-top: 4px;
padding-left: 8px;
padding-right: 8px;
}

.FuncBtnTail {
background: url(images/func_btn_tail_bg.gif) no-repeat;
float: left;
width: 2px;
height: 20px;
}

子窗口

<script type="text/javascript">
function selectMe( id, name ){
var win = window.dialogArguments;
win.document.forms[0].UserID.value = id;
win.document.forms[0].receiverName.value = name;
window.close();
}

</script>

<a href="javascript:selectMe('参数1', '参数2')">

最后 父窗口需要的js代码

function myShowModalDialog(url, width, height) {
var arguments = window;

if (!width) width = 350;
if (!height) height = 350;
var left = (screen.width - width) / 2;
var top = (screen.height - height) / 2;
var features = "" //
// + "dialogLeft:" + left + ";"// 左边距
// + "dialogTop:" + top + ";"// 上连距
+ "dialogWidth:" + width + "px;"// 宽度
+ "dialogHeight:" + height + "px;"// 高度
+ "center: yes;"// 是否居中
+ "resizable: yes;"// 是否可以改变大小
+ "scroll: yes;"// 当内容超过窗口大小时是否显示滚动条
+ "status: yes;"// 是否显示状态栏

window.showModalDialog(url, arguments, features);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: