1. 程式人生 > >jquery 控制frameset frame節點內容(在子視窗中把該視窗中的焦點處的text內容填入其它子視窗的input內

jquery 控制frameset frame節點內容(在子視窗中把該視窗中的焦點處的text內容填入其它子視窗的input內

現在做這個專案中,有一項把:在子視窗中把該視窗中的焦點處的text內容填入其它子視窗的input內,也就是改寫input的value值,這個費了4天時間,寫下來記錄一下心情吧

這個問題困擾了我4天,今天終於解決了,其實這並不難,只是自己學的太少,邊學邊用,又費時間又費精力,但真是長知識。

在left中訪問right中的物件的jquery程式碼為:


$(window.parent.parent.frames["right"].document).find('#jh')這是找到了ID為jh的物件

$(window.parent.parent.frames["right"].document).find('#jh').val是指的是id物件的value值。

在left中訪問right中的物件,並將left表格中的值傳給righ中id為jh的文字框的程式碼為:

在left.php中的html程式碼為:

<td><a href="#" class="style1" onClick="MM_changeProp(this)" ><?php echo "$row[$i]"; ?></a></td>//點選觸發MM_changeProp事件,並將此時,焦點處的text內容傳給函式。

javascript部分是:

	function MM_changeProp(leftjhObj) {//帶引數的函式,把焦點物件傳給函式
		leftjh=leftjhObj.innerText;//得到了焦點物件的text屬性,也就是表格中的內容
		rightjh=$(window.parent.frames["right"].document).find('#jh').val(leftjh);}//取得right框架中的id為jh的物件的val值,並改變為焦點的內容,這樣就實現了把一個子框架的值傳給另一個框架了,這裡我一直把值以=的形式改寫,所以才一直無法得正確傳值。我用的是:
rightjh=$(window.parent.frames["right"].document).find('#jh').val()=leftjh;這是錯誤的,要把值通過val()方法傳給物件才行。

主框架程式碼為:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery 控制frameset frame節點內容</title></head>
<frameset rows="*" cols="217,*">
  <frame name="left" src="left1.php" noresize="noresize" />
  <frame name="right" src="right1.php" /></frameset><noframes><body></body></noframes></html>
在右邊的框架中,有一個form表單中有一個ID為jh的<input type="text" id="jh">
<form action="" method="POST">
<table>
<tr>
<tb>
 <input  type="text" id="jh"/></tb>
</tr>
 
<tr>
<tb>
<input type="submit"/ value="提交>
</tb>
</tr>
</table>
</form>


相關推薦

jquery 控制frameset frame節點內容視窗視窗焦點text內容其它視窗input

現在做這個專案中,有一項把:在子視窗中把該視窗中的焦點處的text內容填入其它子視窗的input內,也就是改寫input的value值,這個費了4天時間,寫下來記錄一下心情吧 這個問題困擾了我4天,今天終於解決了,其實這並不難,只是自己學的太少,邊學邊用,又費時間又費精力,

1 2 3 4 5 6 7 8 9 = 110,在數字間加號或者減號可以不,但不能其它符號)使等式成立。

一共有3^8種可能。 答案: 成功:12+34+56+7-8+9 = 110 成功:12+3+45+67-8-9 = 110 成功:12-3+4-5+6+7+89 = 110 成功:1+2+34+5+67-8+9 = 110 成功:1-2+3+45-6+78-9 = 110

Zookeeper客戶端API之讀取節點內容九)

本篇部落格介紹一下Zookeeper原聲API讀取節點內容的使用方法。 讀取節點內容方法介紹 方法 Zookeeper提供了兩個方法來獲取節點內容,同步獲取和非同步獲取: public byte[] getData(String path,

js jquery 獲取元素(父節點,節點,兄弟節點),元素篩選

htm eval contents 子節點 .get 全部 lte eva class 轉載:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 獲取元素(父節點,子節點,兄弟節點) 一,js 獲取元素(父節點,子節點

jquery遍歷節點 children),next),prev),siblings)closest()

向上 tail ram 遍歷 tar tab AD ldr jquer 方法方法描述 children() 獲取匹配元素的 子元素個數(只考慮 兒子 元素) next() 獲取 後面緊鄰的 同輩元素 prev() 獲取 前面 緊鄰的 同輩元素 sibl

jquery 獲取元素(父節點,節點,兄弟節點)

<script> $('#box').prent() //父節點 $('#box').prents() //所有父節點 $('#box').children() //全部子節點,此方法獲取的是集合,可單個選取某一節點入$('#box').children(

selenium點選連結進入頁面抓取內容新聞抓取案例一)

找了一個新聞網站練習爬蟲抓取,目標:逐一點選目錄標題,進入詳細新聞頁面,抓取子頁面的標題和正文內容並打印出來,返回目錄標題頁,點選下一篇文章。注:沒有新開視窗,是在原視窗實現跳轉。新開視窗進行抓取看下一篇文章。 試了很多種方法都抓取不到class=rightContent下

jquery提取頁面公共內容如header,footer等)引入其他頁面【$('為引入內容建立的div的id名').load('引入的頁面l')】

在做專案時,通常頁面header部分是相同的,但如果複製貼上,程式碼量很大而且很冗餘,因此可以像vue一樣可以將頁面拆分成不同的元件,而header就是一個元件,可以單獨提取出來,最後再把不同元件合併呈現不同的頁面; 具體怎麼把頁面的一部分提取出來然後引入到需要的頁面,只需

jQuery設定和獲取span的內容 詳解)

先看個示例,示例程式碼如下: <html> <head> <SCRIPT language=JavaScript src="js/jquery.min.js"></SCRIPT> <SCRIPT la

jQuery外掛實現select下拉框左右選擇_交換內容multiselect2side) 的一些網站 (有時間整理)

http://blog.csdn.net/mexican_jacky/article/details/51151495 http://blog.csdn.net/nihaoma71121/article/details/50971672 http://www.t

EditText控制元件的基本使用點選Button按鈕,Toast提示EditText內容

EditText是程式用於和使用者進行互動的另一個重要控制元件,它允許使用者在空間裡輸入和編輯內容,並可以在程式中對這些內容進行處理。EditText的應用場景非常普遍,在進行發簡訊、發微博、聊QQ等操作時,你不得不使用EditText。接下來我們直接看實現效果圖,再看程式碼。 效果圖:

PHPCMS V9頻道頁迴圈欄目內容欄目為單頁則輸出標題和內容,為列表則輸出欄目名稱和分頁列表)

注意:頻道下的子欄目最多隻能有一個分頁列表欄目(否則分頁會有問題),單頁面不限。效果如下圖:頻道頁模板如下:<div class="prointro"> <?php $page = $

Zookeeper客戶端API之讀取節點列表八)

本篇部落格介紹一下Zookeeper原生客戶端API提供的獲取子節點列表方法。 獲取子節點列表方法 方法 Zookeeper原生客戶端API提供了以下8中獲取子節點列表的方法,每個方法的使用說明參考註釋內容: /** * 返回指定路徑下面的子節點列

使用jQuery獲取父級節點、兄弟節點節點的方法

一、jQuery的父節點查詢方法         $(selector).parent(selector):獲取父節點         $(selector).parentNode:以node[]的形式存放父節點,如果沒有父節點,則返回空陣列         $(s

【番外篇】ASP.NET MVC快速入門之免費jQuery控制元件庫MVC5+EF6)

目錄 FineUIMvc簡介 FineUIMvc 是基於 jQuery 的專業 ASP.NET MVC 控制元件庫,其前身是基於 WebForms 的開源控制元件庫 FineUI(歷時9年120多個版本)。FineUIMvc(基礎版)包含開源版的全部功能,支援 30 種內建主題和 

Android自定義元件之日曆控制元件-精美日曆實現內容、樣式可擴充套件)

需求 我們知道,Android系統本身有自帶的日曆控制元件,網路上也有很多開源的日曆控制元件資源,但是這些日曆控制元件往往樣式較單一,API較多,不易於在實際專案中擴充套件並實現出符合具體樣式風格的,內容可定製的效果。本文通過自定義日曆控制元件,實現了在內容和樣

JavaScript獲取視窗、父視窗內容可用於頁面之間傳遞內容

1、Window物件的opener屬性:返回對建立此視窗的視窗的引用 註釋:只有表示頂層視窗的 Window 物件的 operner 屬性才有效,表示框架的 Window 物件的 opern

jquery控制input只能輸入數字和兩位小數轉)

知識點一 直接上程式碼: function num(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"數字"和"."以外的字元 obj.value = obj.value.replace(/^

c#DevExpress元件TreeList控制元件自己控制節點圖示二)

繫結樹節點及圖示狀態如下: /// <summary> /// 繫結資料上報匯出樹 /// </summary> private void BindJgsyTree() {

jquery監聽div內容元素)的變化具體實現思路

我們做電子商務,javascript框架採用的是jQuery,在開發過程中遇到了上面標題列出的問題:如何監聽div內容的變化。 先給出最終程式碼(後續進行相關分析): 1 2 3 4 5 var title = $("b