Whats the easiest way

[Kovo88]

to insert HTML onto a page on the fly or by request using ajax? Now, I dont mean import an external html file into a div, but I mean, literally import html code (predefined somewhere) and place it on the page. And Id want this to happen infinitely. For example, I want a button on a html page to insert the following: <div>blah</div><div class="ff">ddd</div>etc...

Now everytime I click this button, it will insert that html into the page.
Is AJAx my answer or am I looking at the wrong client-side script?

[PeejAvery]

Well, the easiest is to use a <div> tag and alter the innerHTML.

<script type="text/javascript">
var theInteger = 0;
function addToDiv(){
  var theDiv = document.getElementById('newContent');
  theDiv.innerHTML += 'Testing...' + theInteger + '<br />';
  theInteger++;
}
</script>

<input type="button" value="Add to Div" onclick="addToDiv()" />
<div id="newContent"></div>

[Kovo88]

but if i click on that button three times, will it reproduce the html 3 times or just replace it?

[Kovo88]

4get it, tested and it works, thanks

[PeejAvery]

You're welcome. Good luck!

[Kovo88]

hey, another question. What if the inserted html code is very long... several lines. Ive noticed that the script breaks if I enter html with sveral lines. Is there a way around this?

thanks