Include the content from other webpages

From LemonWiki共筆
Jump to: navigation, search

Multiple approaches for including the content from other webpages or files


  1. seperate the navigation and content into two parts
  2. compare the content from two webpages

Comparison of iframe and ajax[edit]

  1. Load data[1]
    • iframe: available
    • ajax: available
  2. CSS rules were infected from original page called
    • iframe: No
    • ajax: Yes, Need to consider the CSS issue Icon exclaim.gif
  3. Callback actions called after loaded the content
    • iframe: Available[2] not verified
    • ajax: Available[3]

client-side approach[edit]

Frame or iframe[edit]

frame or iframe tag

  • 缺點是瀏覽器上的鏈結,非該篇網頁的靜態鏈結。
  • 額外需要處理的議題:(1)點選連結,內容會直接顯示在 frame 內,如果 frame 太小,會需要額外處理。例如:frame內的連結,以新視窗開啟。(2)Iframes and CSS - Styling Iframes With CSS
  • cross frame layers

HTML object tag[1]

  • code: <object width="400" height="400" data="path/to/plain_text.txt"></object>


<script language="JavaScript" type="text/javascript" src="path/to.js"></script>
<noscript><a href="URL">Description</a><noscript>

jQuery .load() or jQuery.ajax()

  • the code of "Click event" should written in the loaded file.

Server-side approach[edit]


CMS software or Wiki softwares[edit]

CMS softwares

Wiki softwares

Other softwares

PHP require / include function[edit]

PHP require_once(), include function ...


  • (When I browsed some_file.php which include )Warning: include_once(lib.php) [function.include-once]: failed to open stream: No such file or directory in ...common/view.php
common/view.php  //the file included common/lib.php
some_file.php    //the file included common/view.php

further reading[edit]

  • What are the differences between using an iframe and ajax to include the contents of an external page? - Stack Overflow
  • events - Javascript callback when IFRAME is finished loading? - Stack Overflow
  • jQuery.ajax() | jQuery API Documentation