twig: pass include to div for popup

[4xjbh]

I have a div I use for dialogs and I want to pass a string to the div and then show the specific twig template as an include. The div dialog is displayed without the template embedded, What am I doing wrong, is there a better way to do it?

$('#new').click( function() {
   var str = " {% include 'catalogue_form.html' %} ";
   $('#dialog').text(str).html();
  showDialog();
});


function showDialog() {             
   $('#dialog_wrapper').fadeIn();
   $('#dialog').fadeIn("slow");                     
} 

Thanks in advance, James

Edited July 31, 2013 by 4xjbh

[trq]

Surely you are better of putting the content in the actual div instead of into a Javascript variable?

 

<div id="dialog">
{% include 'catalogue_form.html' %}
</div>

[4xjbh]

Yes I could but single.html (master layout) would not be able to be used for say contacts because I would need to include contacts_form.html

 

If I have single.html and contact.html that extends single.html how do I assign note.html, review.html, expense.html (dialog templates) to the one div if I cannot dynamically assign it based on the selected action. Do I have to have 3 divs with display:none, and individual includes?