[己解決 6#]]HTML Frame 問題

本帖最後由 C_Law 於 2014-11-26 16:23 編輯

為方便自己選台睇 CableTV 個網上節目表,寫了兩個 HTML,一個將 Browser 畫面分左右兩個 Frame,另一個是左邊個 Menu,Menu 內列出自己經常會睇的頻道,Click 左邊 Menu 的 Link 就在右邊顯示 CableTV 的網上節目表。

不過這樣做要分開兩個 HTML 檔,請問有無方法可以結合成一個檔案?

Thanks~~~

MyCableTV.html
  1. <HTML>
  2.   <HEAD>
  3.     <TITLE>My CableTV</TITLE>
  4.   </HEAD>
  5.   <frameset cols="120,*">
  6.     <frame src="left.html" name="left">
  7.     <frame src="http://epg.i-cable.com/new/ch_content.php?ch=022" name="right">
  8.   </frameset>
  9. </HTML>
複製代碼
left.html
  1. <HTML>
  2.   <BODY>
  3.     <a href="http://epg.i-cable.com/index.php" target="right">All</a>
  4.     <BR><BR><a href="http://epg.i-cable.com/new/channels.php" target="right">Channel List</a>
  5.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=022" target="right">22 AXN</a>
  6.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=041" target="right">41 電影一台</a>
  7.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=042" target="right">42 電影二台</a>
  8.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=043" target="right">43 HMC</a>
  9.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=046" target="right">46 MGM</a>
  10.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=047" target="right">47 TCM</a>
  11.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=048" target="right">48 Thrill</a>
  12.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=052" target="right">52 NGC</a>
  13.     <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=053" target="right">53 Discovery</a>
  14.     </BODY>
  15. </HTML>
複製代碼
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

iframe + javascript換src可以

TOP

iframe + javascript換src可以
KinChungE 發表於 2014/11/25 17:08


Thanks~~~~

等我慢慢研究下先。

TOP

div+jQuery(ajax) load都係另一個選擇

TOP

div+jQuery(ajax) load都係另一個選擇
神秘二代 發表於 2014-11-26 00:51


cross domain ajax好煩

TOP

算是已解決。寫個左右兩格的 Table,左邊打 Link,右邊就放 iframe。
  1. <HTML>
  2.   <HEAD>
  3.     <TITLE>MyCableTV</TITLE>
  4.   </HEAD>

  5.   <body>
  6.   <table style="width: 100%; height: 100%">
  7.     <tr>
  8.       <td valign="top" width="120">
  9.         <a href="http://epg.i-cable.com/index.php" target="right">All</a>
  10.         <BR><BR><a href="http://epg.i-cable.com/new/channels.php" target="right">Channel List</a>
  11.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=022" target="right">22 AXN</a>
  12.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=041" target="right">41 電影一台</a>
  13.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=042" target="right">42 電影二台</a>
  14.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=043" target="right">43 HMC</a>
  15.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=046" target="right">46 MGM</a>
  16.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=047" target="right">47 TCM</a>
  17.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=048" target="right">48 Thrill</a>
  18.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=052" target="right">52 NGC</a>
  19.         <BR><BR><a href="http://epg.i-cable.com/new/ch_content.php?ch=053" target="right">53 Discovery</a>

  20.         <BR><BR>
  21.       </td>
  22.       <td>
  23.         <iframe src="http://epg.i-cable.com/new/ch_content.php?ch=022" name="right" width="100%" height="100%"></iframe>
  24.       </td>
  25.     </tr>
  26.   </table>
  27.   </body>
  28. </HTML>
複製代碼


唯一不滿是左邊 Table 格內不知如何加入上下 Scroll bar,如果Browser 個 Window 開得細,高度不足以顯示我個 Channel list(好似上圖,見不到 48、52、53 台),就要用 Browser 最右邊的 Scroll bar 去拉。不過都只是小問題,反正我都幾乎不會將個 Browser 開 Window mode,通常都是 Full screen,高度足夠顯示我個 Channel list。

多謝各位師兄指教!
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

TOP

算是已解決。寫個左右兩格的 Table,左邊打 Link,右邊就放 iframe。

唯一不滿是左邊 Table 格內不知如何 ...
C_Law 發表於 2014-11-26 16:18


解決方法係唔好用table, 用div + css inline block
table cell係唔scroll得
但係div要scroll只係一句css

TOP