ansaurus

Question

how to embed the whole <body> to a created new div with jQuery?

Answer 1

+2 A:

    $("body").append("<div id='footer'></div>");

Append will add your code at the end, but within the specified element. So $("body").append() will add things within the body.

In your code it looks like you switched the order of the content and the element to append to, so your code should read:

$(document).ready(function() {
    addStikyFooter();
});

function addStikyFooter() {
    $("body").append("<div id='container'></div>");
    $("body").append("<div id='footer'>i'm testing!</div>");
}

Updated example

Peter Ajtai 2010-08-13 01:28:11

hi, thanks, i updated my topic, please help check again, i first need to embed all the body content into a div-container. footer is okay for me. not a challenge.

Elaine 2010-08-13 01:31:28

good, it works, looks good, har :)

Elaine 2010-08-13 01:36:08

I ever used the code you just posted, but 'alert($('body').html())', shows div all appended to the end of body-content, so I thought i failed.. anyway, it works :)

Elaine 2010-08-13 01:38:15

forgot to say thanks ^^

Elaine 2010-08-13 01:40:09

You're welcome. Append() will add things at the end of but within the specified element, so the alert box here is showing everything that is now inside the body ==> http://jsfiddle.net/k9ybH/

Peter Ajtai 2010-08-13 01:43:10

ya.. that's it. it looks like just append to the end, but not embedding the body content.

Elaine 2010-08-13 01:45:02

hi, Perter, you there? I just found this kinda eventually turns out to be <html> <div id='container'> <body>..</body> </div> <div id='footer'> </div> </html>not what I wanted.. this blocks horizontal-scrollbar, i don't know whyPlease try here, http://jsfiddle.net/7szM4/1/

Elaine 2010-08-20 03:23:35

@Elaine - The code you linked is not doing what I described in my answer. It is very different. I edited it ==> http://jsfiddle.net/yq5FK/ . The edited code does do what I described in the answer - If you use Firebug, you can check that's true ==> http://i.imgur.com/pzwDc.jpg

Peter Ajtai 2010-08-20 04:19:08

ansaurus

tags:

views:

answers:

how to embed the whole <body> to a created new div with jQuery?

related questions