Appending HTML to end of body using javascript

Question

here is the deal.

i have several templates for faceboxes (lightbox) i need at different points of the application. these are stored in different partials and files.

i will initialize different javascript functions in accordance to which ones i need. The question is, what is the best way to append the external HTML page into my body using javascript?

Answer 1

Since you tagged the question with it, here's a jQuery solution.

$("body").append("text");

Remember that the parameter can also be a DOM element. So you can do this :

var p = $("<p/>").text("a paragraph");
$("body").append(p);

Answer 2

I think he is asking for how he can append a rails PARTIAL into it without necessarily mixing rails and js code

Answer 3

the easy way with jQuery is:

$('#result').load('test.html');

<div id="result"><!--/ Hold My Data! /--></div>

obviously you can change #result with body