I want to include a html page in my html page. How can i?
All my html pages has a common header so I want to know how to include a html file as header in all my html documents. When I want to update header, i just need to update one file only.
Thanks
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Using JS for something like this would be horrid to try and maintain, plus it wouldn't work in browsers that don't support scripting.
A serverside include would be the best solution. SSIs are not difficult to implement, but exact syntax depends on the server. What does your site run serverwise and languagewise?
Also, you could use XML data islands as external file while using JavaScript to access them and like fozylet's comment, worse to worst cases, using document.write() from an external JavaScript file to write contents dynamically on the page.
here's a snipplet:
on the header or anywhere as an example:
--------------------------
<script language="JavaScript" type="text/javascript" src="external.js"></script
external.js: (just an example, its not that complicated... lol)
--------------------------
var str="\<html\>\n\<head\>\n\
document.write(str);
you could use php if your server supports it.....or if YOU have it installed.
rename the HTML file your working on..........or rather copy it first and rename the copy whateverthepagenameis.php
and put the below coding wherever you want the page to be included at
For example to show it at the top put the coding at the very top.........above all your HTML
<?php
include("pagename.html");
php?>
This is yet another case on EE where the accepted answer is (sadly) not the best one. The best solutions are either to use PHP (as suggested by zanus123), or to use SSI (as suggested by gam3r_3xtr3m3 and others).
JavaScript is best reserved for scripting, and not includes, since JS is inefficient (each line includes a 'document.write("' preceding and '")' following), and since it is possible to disable JavaScript. Few users do it, but it's possible. Use JavaScript only where there's not a better solution. In this case, PHP and SSI are both simpler.
Some PHP servers may require you to specify the full address:
<?php include('http://mydomain.c
If you're using FrontPage Extensions, there's yet another way to do includes. Check your FrontPage help file. (I recommend against using FrontPage, but if you are...)
I agree that an iFrame would be an easy solution to your problem. They're quite flexible in that you can make them scrollable (or not), you can position them where you like using CSS, and they're now supported in most browsers.
It really depends on your programming skills. An iFrame definitely requires the least.
Business Accounts
Answer for Membership
by: fozyletPosted on 2003-12-18 at 00:44:23ID: 9962819
You would need to use some javascript for this, if a pure html solution is needed.
The js could write the header part of the page using document.write and you could call this js wherever the header need to be in each page.
The same cane be done for footer, left menu, etc so that by changing just these js files the look of the site will change.