Jump to content

Loading content from a div in another html document


sorenchr

Recommended Posts

Hi guys

 

I have a html document called test1.html, with the following code:

 

<html>
<body>

<script type="text/javascript">
function ajaxFunction(userstr)
{

var xmlhttp;
xmlhttp=new XMLHttpRequest();


xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
  document.content.innerHTML = xmlhttp.responseText;
  }
}

xmlhttp.open("GET", "test2.html",true);
xmlhttp.send(null);
}
</script>

<div id="content"></div>

</body>
</html>

 

And another document called test2.html with the following code:

 

<html>
<body>

<div id="block1">aaa</div>
<div id="block2">bbb</div>
<div id="block3">ccc</div>

</body>
</html>

 

The script loads all of the divs from test2 into the "content" div on the test1 page at the moment. What I need it to do however, is to load only the content from the div "block2", so that the "content" div will read "bbb". How do I do that?

 

Thanks!

You will have to write a (likely) regular expression to parse the file and find the data you want.  Otherwise, I would suggest it load the data from a database or xml file so that you can more easily filter down to only the data you need.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.