ajax-externalhtml-div issues

Hi, im trying to do some experimental ajax/javascript/dhtml work
based on a dynamic drive tutorial.

http://www.dynamicdrive.com/dynamici...tent.htm#combo

my problem is that i cannot find ANY information ANYWHERE AT ALL
on how to select a <div> from the EXTERNAL html page beingloaded.

basically i dont want to load an entire page. i only want to load specified
<div>s into other div containers.

can anyone help me?

I have narrowed it down to the following pieces of code:

function loadpage(page_request, containerid, originid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

the LAST line document.getElementById(containerid) works and publishes
the entire html page (external.htm) into containerid in the index.htm page

BUT whenever i try to add ANY code to:

innerHTML=page_request.responseText
such as
innerHTML=page_request.getElementById(originid).responseText
or
innerHTML=page_request.responseText.getElementById(originid)
or
innerHTML.getElementById(originid)=page_request.responseText

NOTHING WORKS!!! :confused:

i'd be super appreciateive of anyone who might be able to guide me as to how to format my syntax so this can be done.

I know my originid and containerid variables are passing b/c i alerted them and they DEFINITELY work. it just has to do with the fact that i cant find any documentation on the proper way to do this (internet and like 4 books today scoured!)

thanks in advance to anyone out there :)

mk