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 一堣而安 閱讀(815) | 評論 (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 一堣而安 閱讀(3765) | 評論 (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 一堣而安 閱讀(316) | 評論 (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 一堣而安 閱讀(378) | 評論 (0)編輯 收藏

          僅列出標題
          共17頁: First 上一頁 9 10 11 12 13 14 15 16 17 

          導航

          統計

          常用鏈接

          留言簿(1)

          隨筆分類

          隨筆檔案

          收藏夾

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 宜良县| 三穗县| 南汇区| 金堂县| 苍南县| 航空| 清徐县| 紫金县| 礼泉县| 西宁市| 黔南| 房山区| 安康市| 大姚县| 山东省| 集贤县| 河西区| 会同县| 兰溪市| 镇宁| 灵台县| 洛阳市| 霍林郭勒市| 柳河县| 绵阳市| 珲春市| 清水县| 阿城市| 舞钢市| 喜德县| 宣化县| 于都县| 咸宁市| 施甸县| 景谷| 和政县| 武功县| 水城县| 建始县| 资源县| 毕节市|