Include the content from other webpages: Difference between revisions
Jump to navigation
Jump to search
m (→wiki softwares) |
|||
| Line 6: | Line 6: | ||
= client-side approach = | = client-side approach = | ||
== | == Frame or iframe == | ||
* frame or [http://www.w3.org/TR/html401/present/frames.html#h-16.5 iframe tag], [http://www.w3.org/TR/html4/struct/objects.html#h-13.5 object tag] | * frame or [http://www.w3.org/TR/html401/present/frames.html#h-16.5 iframe tag], [http://www.w3.org/TR/html4/struct/objects.html#h-13.5 object tag] | ||
** 缺點是瀏覽器上的鏈結,非該篇網頁的靜態鏈結。 | ** 缺點是瀏覽器上的鏈結,非該篇網頁的靜態鏈結。 | ||
| Line 12: | Line 12: | ||
** cross frame layers | ** cross frame layers | ||
== | == Javascript == | ||
* general ([http://www.netmechanic.com/news/vol4/javascript_no9.htm JavaScript Tip: Page Headers And Footers]) | * general ([http://www.netmechanic.com/news/vol4/javascript_no9.htm JavaScript Tip: Page Headers And Footers]) | ||
| Line 19: | Line 19: | ||
jQuery [http://api.jquery.com/load/ .load()] or [http://api.jquery.com/jquery.ajax/ jQuery.ajax()] | |||
[http://api.jquery.com/load/ .load()] | |||
* the code of "Click event" should written in the loaded file. | * the code of "Click event" should written in the loaded file. | ||
Revision as of 12:17, 12 September 2017
Multiple approaches for including the content from other webpages
usage
- seperate the navigation and content into two parts
- compare the content from two webpages
client-side approach
Frame or iframe
- frame or iframe tag, object tag
- 缺點是瀏覽器上的鏈結,非該篇網頁的靜態鏈結。
- 額外需要處理的議題:(1)點選連結,內容會直接顯示在 frame 內,如果 frame 太小,會需要額外處理。例如:frame內的連結,以新視窗開啟。(2)Iframes and CSS - Styling Iframes With CSS
- cross frame layers
Javascript
- general (JavaScript Tip: Page Headers And Footers)
<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
Apache
PHP require / include function
PHP require_once(), include function ...
troubleshooting:
- (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/lib.php common/view.php //the file included common/lib.php some_file.php //the file included common/view.php
- solution:
- Using CONSTANT parameter (such as absolute file path in common configuration file) in the included path NOT using relative path
- Resolving PHP Relative Paths Problems - Ant's ATField
wiki softwares
- DokuWiki: DokuWiki export or use the plugin plugin:getraw
- Mediawiki:
- MediaWiki Template or transclude syntax(Mediawiki formatting rules)
- Include the content of wiki page from other software API:FAQ - MediaWiki ex: https://meta.wikimedia.org/w/index.php?title=Spam_blacklist&action=raw&sb_ver=1 [Last visited: 2016-02-16]
- Oddmuse wiki: Transclusion means to include a wiki page from elsewhere into your current page
other software
other software
- MovableType: template modules, or MultiBlog plugin
further reading
- Boutell.Com, Inc. (2007). How Do I Include One HTML File in Another? / Jennifer Kyrnin (n.d.). [2]
- How to include an html page into an html page