iframe中的jquery ui modal dialog 覆盖父窗口参考

function openDialog(){
var $doc;
if(window.location!=window.parent.location){
// <SPAN style="COLOR: #ff0000">页面在iframe中</SPAN>
$doc=window.parent.jQuery.noConflict();
}else{
// <SPAN style="COLOR: #ff0000">页面单独打开</SPAN>
$doc=jQuery.noConflict();
}
$doc("body").append(‘<div id=dialog></div>‘);
var dialog=$doc("#dialog");
dialog.html("欢迎你");
dialog.dialog( {modal: true});
}

时间: 2024-11-08 11:09:36

iframe中的jquery ui modal dialog 覆盖父窗口参考的相关文章

C# 在RichTextBox中滚动鼠标时滚动的是父窗口的滚动条

1. RichTextBox u2 = new RichTextBox(); 2. 先记住日RichTextBox没有显示滚动条时的总宽度和显示宽度 u2.Width - u2.ClientSize.Width. 3. 当显示垂直滚动条时,显示宽度会变化. 当RichTextBox没有显示垂直滚动条时,在RichTextBox中滚动鼠标时,滚动的是父窗口的滚动条. private void U2_MouseWheel(object sender, MouseEventArgs e)       

从jpanel中调出一个JDialog,并且使得父窗口jpanel的控件不能用

这个问题不好描述,就我的目的吧. 我要一个窗体调出另一个窗体.不过,父窗体只能是jpanel,而不是jframe,这是由我的问题决定的.并且使父窗体不可写. 当然,如果是jframe,这久简单了. 调出可编写的窗口,即子窗口为jdialog,但其构造方法中父窗体只能是jframe或者window, 不过,用这个,就可以使用了: SwingUtilities.getWindowAncestor(this): 不过,jframe模式不知该怎么搞,看哪位大牛能教我. 不过另一方面,虽然成功调出jdia

解决Select2控件不能在jQuery UI Dialog中不能搜索的bug

本文使用博客园Markdown编辑器进行编辑 1.问题呈现 项目中使用了jQuery UI的Dialog控件,一般用来处理需要提示用户输入或操作的简单页面.逻辑是修改一个广告的图片和标题. 效果截图如下: 使用Select2,主要是因为它支持下拉式搜索.所以在数据稍微多一点,作为搜索选择功能的首选.但是运行出来之后,发现搜索框无法点击.开始想到的index不够大,被其他的元素覆盖了.但是跳转z-index也无法解决.在普通的页面,搜索框是ok的. 2.解决办法 通过Google搜索,发现sele

基于Jquery UI Dialog 的改写

我最近在做的这个项目是纯粹的js+html5文件,java肯定有涉及,不过现在基本上在使用js和html5的特性. 项目要使用一种类似于dialog的功能,让一部分页面能够弹出来,并且可以移动,当然使用dialog是很不错的选择 但是在真正使用的时候发现,jquery UI的dialog虽然能满足基本的要求但是,有些功能是不能满足,如果自己写这个dialog,显然不太合适,因为jquery只有一点不能满足需求,是要在dialog的右上角多加几个按钮,单纯的一个关闭按钮不能满足需求.因为jquer

jQuery如何获取iframe中的元素

jQuery如何获取iframe中的元素:这个问题其实非常简单,既然要获取iframe中的元素,那么首先要获取iframe.关于获取iframe这里就不介绍了可以参阅父窗口和iframe中对象互相传值简介一章节. 下面直接看一段代码就能够很轻松明白: $(window.frames["main"].document).find("ul") 以上代码id属性值为main的iframe元素中的ul元素. 原文地址是:http://www.softwhy.com/foru

利用 jQuery UI 和 Ajax 创建可定制的 Web 界面

如今,网站比以往更具可定制性,允许用户更改其空间,根据自己的喜好对其进行个性化.个性化的主页或仪表板页面(例如 iGoogle.MyYahoo! 和 MyAOL)日渐普及,大多数 Web 应用程序内甚至也整合了类似的功能.jQuery 库简化了此类复杂 JavaScript 交互的编写,随着 jQuery UI 的引入,这项功能得到了进一步的简化,该库以易于访问的 jQuery 插件的形式提供了常用用户界面类型. 本文介绍了如何利用 Ajax 和 jQuery UI 创建具有各种定制功能的高度可

二:nodejs+express+redis+bootstrap table+jquery UI

介绍:做一个量化投资的实时系统. 综合: 添加记录,顺序改变的话,refresh之后,能正常刷新吗?可以正常刷新,只是顺序又变回去. express中用fs readfile 时,需要用path.join来写路径,如果用路由的话,会读出来数字.json的读取和存储,JSON.parse(data);会变为一个json对象: JSON.stringify(data);把json变为字符串,如果这时候写入.json中,则不会有合适 的缩进.所以需要JSON.stringify(data, funct

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案. AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模块和依赖项都能够异步地进行加载.它有很多独特的优势,包括天生的异步及高度灵活等特性,这些特性能够解除常见的代码与模块标识间的那种紧密耦合.目前它已经被很多项目所接纳,包括jQuery(1.7). RequireJS RequireJS是一个工具库,主

关于jQuery UI 使用心得及技巧 - 刘哇勇 - 博客园

最近项目中使用了一些插件来做页面,这里把jQuery UI的使用分享出来,希望 对新手有帮助.文章结尾附源码下载. 1 jQuery UI   有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码.直到jQuery的出现,让开发人员从一大堆繁琐的js代码中解脱,取而代之几行jQuery代码.现今,jQuery无 疑已成为最为流行没有之一的JavaScript类库. 而jQuery UI 则是在jQuery 基础上开发的一套界面工具,几乎包括了网页上你所