jQuery先d出一个层,层里面有个按钮,再d出一个层,相当于是层里面的层。也可以说是子窗口里面的子窗口

jQuery先d出一个层,层里面有个按钮,再d出一个层,相当于是层里面的层。也可以说是子窗口里面的子窗口,第1张

一些简单的想法,全当共同学习:

其实jQuery里面的d出层都是些div,用js代码控制这些div何时显示,用css控制这些div的显示样式,无所谓谁是谁的子窗口。

要实现你所说的效果,最省事的无非是找些UI框架,如jQuery UI,jQuery Easy UI等,根据里面的帮助文档做,调用插件就是了。

自己写,给个简单示例:

<html>

<head>

    <title>测试</title>

    <script type="text/javascript" src="jqueryjs"></script>

    <style type="text/css">

         #father{display:none;position:absolute;width:400px;height:300px;left:100px;top:100px;background:Red;}

         #son{display:none;position:absolute;width:200px;height:150px;left:200px;top:175px;background:Green;} 

     </style>

</head>

<body>

    <a href="#" onclick="javascript:$('#father')show()">打开父窗口</a>

    <div id="father"> 

        <a href="#" onclick="javascript:$('#son')show();">打开子窗口</a><br/>

         <a href="#" onclick="javascript:$('#father,#son')hide();">关闭</a>

    </div> 

    <div id="son">

        <a href="#" onclick="javascript:$('#son')hide();">关闭</a>

    </div> 

</body>

</html>

1 Dialog 的配置参数是扩展于Window

Extend from $fnwindowdefaults Override defaults with $fndialogdefaults

2 Window的配置参数是扩展于Panel

Extend from $fnpaneldefaults Override defaults with $fnwindowdefaults

3 Panel 的配置参数可以传入覆盖默认

Override defaults with $fnpaneldefaults

4 Panel 可以指定位置参数有两个

Name Type Description Default

left

number

Set the panel left position

null

top

number

Set the panel top position

null

5 因此, 可以通过传如left和top指定dialog位置。

如:

$('#dom_div')dialog({

title: 'My Dialog',

left:0,

top:0,

width: 400,

height: 200,

closed: false,

cache: false,

href: 'get_contentphp',

modal: true,

});

以上设置了left和top为0,会显示在左上角。

1、在父页面访问Iframe子窗体的txtAddress控件

windowframes["ifrMapCompanyDetails"]documentall("txtAddress")value = '地址' ;

2、在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件

string strValue = "从子窗体传递给父页面的值" ;

下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面

thisResponseWrite("<script>parentdocumentall('TextBox1')value = '" + strValue + "';</script>");

thisResponseWrite("<script>if( parentdocumentall('TextBox2')value = '0')parentdocumentall('TextBox1')value = '44';</script>");

3、子窗体访问父窗体中的全局变量:

parentxxx;

4、在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件

windowparentframes["ifrMapCompanyDetails"]documentall("txtAddress")value = '地址' ;

父窗体提交两个Iframe子窗体

windowframes["ifrMapCompanyDetails"]Form1submit();

windowframes["ifrMapProductInfoDetails"]Form1submit();

Iframe子窗体 调用父页面的javascript事件

windowparentXXX()

//父页面调用当前页面中IFRAME子页面中的脚本childEvent

function invokechildEvent()

{ var frm = documentframes["ifrChild1"]childEvent(); }

或者调用当前页面中第一个IFRAME中的脚本childEvent

{ var frm = documentframes[0]; frmchildEvent(); }

//子页面调用父窗体的某个按钮的按钮事件

windowparentForm1btnParentclick()

父页面调用子窗体的某个按钮的按钮事件

windowframes['ifrChild1']documentallitem("btnChild3")click();

//jquery 部分:

1在父窗口中 *** 作 选中IFRAME中的所有单选钮

$(windowframes["iframe1"]document)find("input[@type='radio']")attr("checked","true");

2在IFRAME中 *** 作 选中父窗口中的所有单选钮

$(windowparentdocument)find("input[@type='radio']")attr("checked","true");

以上就是关于jQuery先d出一个层,层里面有个按钮,再d出一个层,相当于是层里面的层。也可以说是子窗口里面的子窗口全部的内容,包括:jQuery先d出一个层,层里面有个按钮,再d出一个层,相当于是层里面的层。也可以说是子窗口里面的子窗口、jquery easyui 中子窗口怎么调用dialog、子页面jQuery获取父页面jQuery的一个全局变量等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9343211.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存