Include the content from other webpages - Revision history

Planetoid: /* file included was locate on different server */

2019-02-11T07:27:23Z

file included was locate on different server

@@ Line 51: / Line 51: @@
 </tr>
 </table>
 = client-side approach =

2019-01-22T10:48:51Z

2019-01-22T10:44:15Z

2019-01-21T06:28:48Z

file included was locate on different server

← Older revision		Revision as of 14:28, 21 January 2019
Line 22:		Line 22:
	<th>remote website -> origin website</th>		<th>remote website -> origin website</th>
	<th>embed remote image file</th>		<th>embed remote image file</th>
	<th>~~embed~~ javascript file</th>		<th>execute javascript file</th>
	<th>ajax call remote json file</th>		<th>ajax call remote json file</th>
	</tr>		</tr>

2019-01-21T06:25:57Z

Comparison of iframe and ajax

← Older revision		Revision as of 14:25, 21 January 2019
Line 17:		Line 17:
	#* ajax: Available<ref>[http://api.jquery.com/jquery.ajax/ jQuery.ajax() \| jQuery API Documentation]</ref>		#* ajax: Available<ref>[http://api.jquery.com/jquery.ajax/ jQuery.ajax() \| jQuery API Documentation]</ref>

			== file included was locate on different server ==
	<table border="1">		<table border="1">
	<tr>		<tr>

2019-01-21T06:18:25Z

Comparison of iframe and ajax

@@ Line 16: / Line 16: @@
 #* iframe: Available<ref>[https://stackoverflow.com/questions/164085/javascript-callback-when-iframe-is-finished-loading events - Javascript callback when IFRAME is finished loading? - Stack Overflow]</ref> ''not verified''
 #* ajax: Available<ref>[http://api.jquery.com/jquery.ajax/ jQuery.ajax() | jQuery API Documentation]</ref>
 = client-side approach =

2018-09-25T15:31:19Z

← Older revision		Revision as of 23:31, 25 September 2018
Line 74:		Line 74:
	* [http://stackoverflow.com/questions/676394/how-to-include-an-html-page-into-an-html-page How to include an html page into an html page]		* [http://stackoverflow.com/questions/676394/how-to-include-an-html-page-into-an-html-page How to include an html page into an html page]

	[[Category:Web_Dev]] [[Category:Wiki]]		[[Category:Programming]] [[Category:Web_Dev]] [[Category:Wiki]]

2018-04-18T09:27:44Z

← Older revision		Revision as of 17:27, 18 April 2018
Line 1:		Line 1:
	Multiple approaches for including the content from other webpages		Multiple approaches for including the content from other webpages or files

	= Usage =		= Usage =

2018-04-18T06:42:30Z

Frame or iframe

← Older revision		Revision as of 14:42, 18 April 2018
Line 19:		Line 19:
	= client-side approach =		= client-side approach =
	== Frame or iframe ==		== 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]
	** 缺點是瀏覽器上的鏈結，非該篇網頁的靜態鏈結。		* 缺點是瀏覽器上的鏈結，非該篇網頁的靜態鏈結。
	** 額外需要處理的議題：(1)點選連結，內容會直接顯示在 frame 內，如果 frame 太小，會需要額外處理。例如：frame內的連結，以新視窗開啟。(2)[http://webdesign.about.com/od/iframes/a/iframes-and-css.htm Iframes and CSS - Styling Iframes With CSS]		* 額外需要處理的議題：(1)點選連結，內容會直接顯示在 frame 內，如果 frame 太小，會需要額外處理。例如：frame內的連結，以新視窗開啟。(2)[http://webdesign.about.com/od/iframes/a/iframes-and-css.htm Iframes and CSS - Styling Iframes With CSS]
	** cross frame layers		* cross frame layers

			[https://www.w3schools.com/tags/tag_object.asp HTML object tag][http://www.w3.org/TR/html4/struct/objects.html#h-13.5]
			* code: {{kbd \| key=<nowiki><object width="400" height="400" data="path/to/plain_text.txt"></object></nowiki>}}

	== Javascript ==		== Javascript ==

2017-09-12T07:01:47Z

usage

← Older revision		Revision as of 15:01, 12 September 2017
Line 1:		Line 1:
	Multiple approaches for including the content from other webpages		Multiple approaches for including the content from other webpages

	= ~~usage~~ =		= Usage =
	# seperate the navigation and content into two parts		# seperate the navigation and content into two parts
	# compare the content from two webpages		# compare the content from two webpages

			== Comparison of iframe and ajax ==

			# Load data<ref>[https://stackoverflow.com/questions/382662/what-are-the-differences-between-using-an-iframe-and-ajax-to-include-the-content What are the differences between using an iframe and ajax to include the contents of an external page? - Stack Overflow]</ref>
			#* iframe: available
			#* ajax: available
			# CSS rules were infected from original page called
			#* iframe: No
			#* ajax: Yes, Need to consider the CSS issue {{exclaim}}
			# Callback actions called after loaded the content
			#* iframe: Available<ref>[https://stackoverflow.com/questions/164085/javascript-callback-when-iframe-is-finished-loading events - Javascript callback when IFRAME is finished loading? - Stack Overflow]</ref> ''not verified''
			#* ajax: Available<ref>[http://api.jquery.com/jquery.ajax/ jQuery.ajax() \| jQuery API Documentation]</ref>

	= client-side approach =		= client-side approach =

← Older revision		Revision as of 18:48, 22 January 2019
Line 109:		Line 109:
	* [http://stackoverflow.com/questions/676394/how-to-include-an-html-page-into-an-html-page How to include an html page into an html page]		* [http://stackoverflow.com/questions/676394/how-to-include-an-html-page-into-an-html-page How to include an html page into an html page]
	* [https://developer.mozilla.org/zh-TW/docs/Web/HTTP/CORS 跨來源資源共用（CORS） \| MDN]		* [https://developer.mozilla.org/zh-TW/docs/Web/HTTP/CORS 跨來源資源共用（CORS） \| MDN]
			* [https://stackoverflow.com/questions/7564832/how-to-bypass-access-control-allow-origin php - how to bypass Access-Control-Allow-Origin? - Stack Overflow]

			References

			<references />

	[[Category:Programming]] [[Category:Web_Dev]] [[Category:Wiki]]		[[Category:Programming]] [[Category:Web_Dev]] [[Category:Wiki]]

← Older revision		Revision as of 18:44, 22 January 2019
Line 108:		Line 108:
	* Boutell.Com, Inc. (2007). [http://www.boutell.com/newfaq/creating/include.html How Do I Include One HTML File in Another?] / Jennifer Kyrnin (n.d.). [http://webdesign.about.com/od/ssi/a/aa052002a.htm]		* Boutell.Com, Inc. (2007). [http://www.boutell.com/newfaq/creating/include.html How Do I Include One HTML File in Another?] / Jennifer Kyrnin (n.d.). [http://webdesign.about.com/od/ssi/a/aa052002a.htm]
	* [http://stackoverflow.com/questions/676394/how-to-include-an-html-page-into-an-html-page How to include an html page into an html page]		* [http://stackoverflow.com/questions/676394/how-to-include-an-html-page-into-an-html-page How to include an html page into an html page]
			* [https://developer.mozilla.org/zh-TW/docs/Web/HTTP/CORS 跨來源資源共用（CORS） \| MDN]

	[[Category:Programming]] [[Category:Web_Dev]] [[Category:Wiki]]		[[Category:Programming]] [[Category:Web_Dev]] [[Category:Wiki]]