Loading external pages/seperate pages in a div

[HateEternal]

Is there anyway, through javascript and the DOM (or any other way) to load any specified html file into a div, so in a way the div is used like a frame would be?

I am just trying to find a way to replace frames with divs alone. I know how to set a div's HTML through javascript but I don't know how to load any external html. I have been searching and have not yet found a way. I expect that if there is a way, it is ugly and not worth it.

Let me know if you have a way to do it, its probably more of geek wanting to know how something works more than practical use.

[mrfluffy]

xmlhttprequest can load html (porbably not a whole page though cos there'd be 2 body/head tags) into a div, Apple have a tutorial - http://developer.apple.com/internet/...mlhttpreq.html

and I'm working on a web-based Delicious Library which uses it - http://www.dottom.co.uk/library/ (really not finished)

[andehlu]

i wish this could be done easilly. The only way is to have an iframe within the div tag thgen target that iframe....

[HateEternal]

xmlhttprequest can load html (porbably not a whole page though cos there'd be 2 body/head tags) into a div, Apple have a tutorial - http://developer.apple.com/internet/...mlhttpreq.html

and I'm working on a web-based Delicious Library which uses it - http://www.dottom.co.uk/library/ (really not finished)

cool, I'll give it a try. it shouldn't be a problem with the 2 body/head tags. Worst case I'll just leave the head and body tags off my dynamic content.

[Cat]

Perhaps this is a stupid question, but is there any reason not to use PHP? It may depend on what exactly you are trying to achive and PHP may not be the best solution, but anyway ...

<?php include "filename"; ?>

[HateEternal]

Perhaps this is a stupid question, but is there any reason not to use PHP? It may depend on what exactly you are trying to achive and PHP may not be the best solution, but anyway ...

<?php include "filename"; ?>

Ok, so you know how iframes work? So say I made a website with a content frame and a navigation div. When I click on a link in the nav it opens the new page in the iframe. I want to be able to do the same thing but only using divs. You can make scrollable divs, which is not a problem, but I don't know how to load html from a separate file in the div if a link is clicked. So it would be functionally the same as using an iframe... but not using an iframe. Biggest benefit is that I can make pages for my class that validate strict and still have the same functionality.

[mdnky]

Ok, so you know how iframes work? So say I made a website with a content frame and a navigation div. When I click on a link in the nav it opens the new page in the iframe. I want to be able to do the same thing but only using divs. You can make scrollable divs, which is not a problem, but I don't know how to load html from a separate file in the div if a link is clicked. So it would be functionally the same as using an iframe... but not using an iframe.

You'd have to use a few different methods combined for it to work. The PHP include for the content, and JS for the links to know which to use.

You're probably better off in the long run keeping it more 'traditional' as separate pages. That'll go better towards standards compliance and accessibility/usability.

[andehlu]

i think he wants to make divs load external documents without complete page reload, is this right hateeternal? If so, this cannot be done, you need to have an iframe the dimensions of your div and target the iframe in the nav. You will be able to still hide and show the div's with JS. But I totally agree there should be something like <div src="your_externaldoc.php">