Jquery + Clone a html code block

Question

This is just something I looking to do - plz let me know if I'm going about it wrong.

Building a Dating Network and I need to open a chat/messenger box when required for 2 users to chat.

The chat box will basically be a DIV with required HTML/CSS/IMGs & user specific data - including jquery ui to allow movability.

Question - i'm looking for the best way to load these chat boxes.

I was planning on including the core HTML/CSS with the default page load with display:none; Then I could clone this code and create a new chat box.

Cloneing isn't something I've done before. Was interested to try it. I guess I could read and reuse the code with jquery.

Any advise with this?

thx

Duplicate of stackoverflow.com/questions/2156264/jquery-html-clone?rq=1 ? — Chui Tey
– Chui Tey, Commented Sep 23, 2012 at 9:25
Regarding your question on cloning please refer to the jQuery documentation api.jquery.com/clone , have a good read and start implementing your application. Regarding i'm looking for the best way to load these chat boxes., that question is to general and not a good fit for Q&A. Start implementing something you feel is right and then come back with specific questions on specific issues you are facing during implementation. — Nope
– Nope, Commented Sep 23, 2012 at 9:30
no worries - question was premature... thankyou... :) learning... — Adam
– Adam, Commented Sep 23, 2012 at 9:31

desbest · Accepted Answer · 2012-09-23 11:31:33Z

0

<script>
$(function () {
  var appendme = $("#element").html();

  $('#container').append(appendme);

});
</script>

or

$('.hello').clone().appendTo('.goodbye');

answered Sep 23, 2012 at 11:23

desbest

4,95811 gold badges56 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1