Loading external pages/seperate pages in a div

HateEternal · #1 February 24th, 2005, 12:51 AM

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 · #2 February 24th, 2005, 03:58 AM

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 · #3 February 24th, 2005, 09:33 AM

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

HateEternal · #4 February 25th, 2005, 09:36 AM

Quote:

Originally Posted by 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)

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 · #5 February 25th, 2005, 11:15 AM

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 ...

Code:

<?php include "filename"; ?>

HateEternal · #6 February 25th, 2005, 02:44 PM

Quote:

Originally Posted by 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 ...

Code:

<?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** · #7 February 25th, 2005, 03:40 PM

Quote:

Originally Posted by HateEternal

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 · #8 February 25th, 2005, 04:38 PM

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">