iT邦幫忙

0

主頁域名 內 嵌入多個 iframe

  • 分享至 

  • xImage

各位大大
我想做一個儀表版(如下圖)https://ithelp.ithome.com.tw/upload/images/20220504/20148743M9yu1UoLeS.jpg
儀表版需內嵌4個已經設計好的網頁,這4個網頁都是圖表
1.儀表版左上有一個select 群組的選項數字
我該如何將那選項數字,傳送到這四個要嵌入的網頁(iframe),讓這四個網頁依照"群組數字" 顯示圖表內容?
2.這4個圖表網頁,在儀表版上 僅要顯示圖表的部分,該如何指定區域大小,呈現在儀表版上?
https://ithelp.ithome.com.tw/upload/images/20220504/20148743zWEE4t0xiY.jpg

https://ithelp.ithome.com.tw/upload/images/20220504/20148743nHvlPGdiso.png

Felix iT邦研究生 2 級 ‧ 2022-05-04 14:38:10 檢舉
必須先知道 iframe 是透過什麼方式取得群組數字?是 GET 請求嗎?
adik iT邦新手 5 級 ‧ 2022-05-05 10:01:50 檢舉
Felix 您好:
是的 主網頁下拉群組數字選項 傳給子網頁,子網頁url帶參數 更新內容
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0

這邊要先確定一件事。
如果 iframe 載入的都是在同一個域名下。
可以在子頁用JS來控制主頁的iframe處理。

但如果不是同域名的話。一般來說比較無解就是了。
只能利用固定資料來處理

adik iT邦新手 5 級 ‧ 2022-05-05 10:03:25 檢舉

㊣浩瀚星空㊣ 您好

  1. 主網頁在https://10.144.XXX.XXX:63448/TrafficProject/TrafficWeb/flow_record/主頁
    子頁在https://10.144.117.52:63448/TrafficProject/TrafficWeb/flow_record/子頁
    這樣屬於在同一個域名嗎?

2.子頁用JS來控制主頁的iframe處理,可以請您再詳細解說一下嗎?

不算。IP不一樣就不行了。

2.如果是同域名的情況下,可以從子頁利用如下的用法

parent.document.XXXXX

來去運行對應的主頁元件。
簡單的範例

parent.document.getElementById("mainframe").height=document.body.scrollHeight;  

其實,不同域名的情況下,利用後端對應回傳的方式來創造同域名的情況也是可行的。
但這在以前還行的通。或是純靜態式HTML也可以這樣用。

但碰到非同步式的頁面就沒啥招了。

畢竟不同域名的頁面,無法相互對應呼叫處理。

我要發表回答

立即登入回答