4thorder(TM) - Code Snippets and Full Scripts

Including content from other pages

Question:

I hope this is a simple question. What I'd like to do is exhibit the content of "one-page.html" on "another-page.html".

This is "one-page.html"
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
This is one
</body>
</html>

This is "another-page.html"
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
continuous page.
</body>
</html>

So, if someone looks at "another-page.html", he would not be looking at two words; he will be seeing one complete sentence (maybe on two lines). If JavaScript needs to be used, that's fine. Anybody have any suggestions?

Answer:

This is usually done using a server side language such as PHP, ASP, Cold fusion. Are any of these running on your server?

However, another quick way to do this is using a frame or iframe. Here is an example of an iframe:

one-page.html

Code:

<html>
<head></head>
<body>
This is one
<P>
<IFRAME name="I1" src="another-page.html" border="0" 
frameborder="0" marginwidth="1" marginheight="1">
</IFRAME></P>
</body>
</html>

another-page.html

Code:

<html>
<head></head>
<body topmargin="0" leftmargin="0">
continuous page.
</body>
</html>

demo

You can also use a table to for example control the location of the iframe:

Code:

<html>
<head></head>
<body>
<TABLE border="0" cellpadding="0" cellspacing="0" 
style="border-collapse: collapse" width="100%">
<TR>
<TD width="64">This is one</TD>
<TD>
<IFRAME name="I1" src="another-page.html" border="0" 
frameborder="0" marginwidth="1" marginheight="1" height="20">
</IFRAME>
</TD>
</TR>
</TABLE>
</body>
</html>

demo of continuous sentence

Top of Page