tinguo002

 

jQuery操作Frame(iFrame)

jQuery操作Frame(iFrame)
2009年02月18日 星期三 19:57

没找到很好的方法
只好用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

IE7中测试通过 回去你自己试试吧
刚才google到的,补充一下

I beat my head against this wall for quite some time.

Try this:
$("#myid", top.document);
the top.document tells the selector to target the myid element which
exists in the topmost document (your parent page). In order for this
to work, jquery must be loaded in the file which is viewed through the
iframe.

我的代码
$('#parentElem', top.document).append('<div class="imgbox" id="imgbox"><img class="img" src="pp.png" id="img"></div>');

upc不是说了么
1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

那选择id自然就是依然使用find方法
$(window.frames["iframe1"].document).find("#id")

实际楼上上的方法本质上在Jq内部也是调用了find方法
父窗体调用IFrame中的方法(right)为ifram的id
document.frames["right"].expand();
父窗体:parent;

子窗体:opener;(window.opener.reload();)

上面的都是网上摘的,下面补充很重要的一点:

你可能已经注意到了,上面提及的都是自上而下的selector方法,也就是从上级window查找下级window(包括iframe创建的window),如果我们希望从下级window,比如希望通过iframe中的window找到iframe的parentNode,可以这样:

var parentFrame=null;
if(window!=window.top){parentFrame=window.frameElement.name};

往下就可以直接$(.....

当然,一个topwindow中仅仅包含一个iframe时我们没有必要这样,但当若干iframe存在时,这个方法还是很有用的。


转载自:http://hi.baidu.com/51plan/blog/item/381ee57e4c328e3f0cd7daac.html

posted @ 2012-03-22 16:50 一堣而安 阅读(799) | 评论 (0)编辑 收藏

设置frameset高度

设置frameset高度

 

目前做了一个项目,界面如下:



 

这是使用frameset做的,在宽屏下开发一直没有发现什么问题,直到一个用户使用800*600的机子测试的时候,才发现整个界面都被变形了。

       那时整个frameset页面只有600像素高度,frameset嵌套的frame出现了滚动条,实在难看。怎么把frameset的高度设置高点,让其嵌套的frame页面没有滚动条,而让frameset有滚动条呢?

 

       frameset的高度是设置不了的,比如:<frameset rows="110,*" style="height: 1900px;">。这时的页面还是屏幕的高度,并不是1900px;设置frameset的body的高度也无效。怎么办呢?我baidu了好多 天,都没找到答案,这个问题就一直搁置着。也想到叫美工用DIV+CSS替换了frameset,但怕牵涉的内容太多,换的工作量也许很大,只好作罢。

 

       灵感这东西真是怪,要来不来,来了挡也挡不住。就在这个问题放了一个来月后,今天它突然来了,来的时候还带着iframe。当我把frameset嵌套其中,并设置iframse页面的高度,效果果然出来了。现把解决方案与遇到相同问题而解决不了的同仁分享。

 

1、frameset页面(inner.html)

<html>

<frameset rows="110,*" frameborder="no" border="0" framespacing="-4px">

    <frame src="header.jsp" name="topFrame" scrolling="no"     noresize="noresize"  />

    <frameset  cols="170,12,*" framespacing="0" frameborder="no"   border="0"   id="mainFrameset">

    <frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id="leftFrame"/>

    <frame src="narrow.jsp" scrolling="no" noresize="noresize"/>

    <frame src="" name="mainFrame" noresize="noresize" />

    </frameset>

</frameset>

<noframes>

</noframes>

</html>

 

2、iframe页面(outer.html)
关键是设置这个页面的高度,想要多高就设置多高,随你。这时里面包含的frameset也会是这个高度。

<body style="margin: 0px;height: 580px;width:960px;">

       <iframe src="inner.html"

              style="height:100%;width:100%;border-width: 0px;">

       </iframe>

</body>

 

这个解决方案,不错,找了很长时间才发现,在此记录一下。

转自:http://archive.cnblogs.com/a/1932594/

posted @ 2012-03-18 20:42 一堣而安 阅读(3749) | 评论 (0)编辑 收藏

ssh 整合的 基本包说明

struts2
commons-logging-1.0.4.jar 主要用于日志处理
freemarker-2.3.8.jar
模板相关操作需要包
ognl-2.6.11.jar ognl表达示所需包,
xwork-2.0.7.jar xwork核心包

struts2-core-2.0.14.jar struts2核心包
struts2-spring-plugin-2.0.14.jar
struts2整合spring所需要的包
如果还需要整合其它框架或者插件,再导入其它的包




hibernate

Hibernate3.jar hibernate核心包
antlr-2.7.6.jar 一个语言转换工具
Hibernate利用它实现
HQL 到 SQL 的转换模板相关操作需要包
commons-collections-3.1.jar collections Apache 的工具集

javassist-3.9.0.GA.jar 代码生成工具,
Hibernate用它在运行时扩展 Java类和实现,同cglib包

dom4j-1.6.1.jar dom4j XML 解析器
jta-1.1.jar 标准的 JAVA 事务处理接口

slf4j-api-1.5.8.jar和slf4j-log4j12-1.5.0.jar hibernate使用的一个日志系统
cglib.jar
CGLIB 字节码解释器
asm.jar ASM字节码库 如果使用“cglib”则必要
asm-attrs.jar ASM字节码库
如果使用“cglib”则必要
如果想使用缓存需要加入:ehcache.jar EHCache缓存
连接数据库加入相关包....






spring
spring-beans.jar 访问配置文件、创建和管理bean
以及进行Inversion of Control / Dependency Injection(IoC/DI)操作相关的所有类

spring-context.jar 可以找到使用Spring ApplicationContext特性时所需的全部类,JDNI
所需的全部类,instrumentation组件以及校验Validation 方面的相关类
spring-core.jar Spring
框架基本的核心工具类
spring-jdbc.jar 包含对Spring 对JDBC 数据访问进行封装的所有类
spring-orm.jar
对映射框架的一些支持
spring-tx.jar 提供对事务的支持

如果还需要AOP的支持,还要加上aspectjrt.jar和aspectjweaver.jar


其它可选包:

commons-beanutils-1.6.jar
commons-dbcp-1.2.2.jar

commons-pool-1.4.jar
commons-fileupload-1.2.1.jar
commons-io-1.4.jar

posted @ 2012-02-01 14:43 一堣而安 阅读(288) | 评论 (0)编辑 收藏

javascript获取屏幕高度和宽度等信息

用javascript获取屏幕高度和宽度等信息  

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

来源于网易博客:http://czhjq.blog.163.com/blog/static/85014962010112051143410/
--------------------------------------------------------------------------------------------
关于jQuery 获取 div的宽和高
.outerWidth(true)
.outerHeight(true)(包括边框、补白等在内的宽、高)

posted @ 2011-11-30 15:11 一堣而安 阅读(364) | 评论 (0)编辑 收藏

仅列出标题
共17页: First 上一页 9 10 11 12 13 14 15 16 17 

导航

统计

常用链接

留言簿(1)

随笔分类

随笔档案

收藏夹

搜索

最新评论

阅读排行榜

评论排行榜