How to load a URL for an element?

[justaguy]

Hi,

Here's what I'd like to do, for a content heavy page, I'd like to
first present brief info about each item and then upon a click to
trigger ajax call to load a separate URL to provide more details info
for the item in questions.

Code snip.
<div id="a1"
onclick="document.getElementById('eng').innerHTML={ url };document.getElementById('a1detail').style.display='block'}">
Item 1
</div>
<div id="a1detal" style="display:none"></div>

How do we call the above url, be a1detail.html or else?

And we need cross browser support as well.

Thanks in advance.

 

[justaguy]

Hi,

Here's what I'd like to do, for a content heavy page, I'd like to
first present brief info about each item and then upon a click to
trigger ajax call to load a separate URL to provide more details info
for the item in questions.

Code snip.
<div id="a1"
onclick="document.getElementById('eng').innerHTML={ url };document.getElementById('a1detail').style.display='block'}">
Item 1
</div>
<div id="a1detal" style="display:none"></div>

How do we call the above url, be a1detail.html or else?

And we need cross browser support as well.

Thanks in advance.

Never mind, I've solved it, the key is xmlhttp...