Question

The following script gets HTML from AJAX call – HTML displays fine by itself in browser – I use InnerHtml to put it within DIV, I get javascript error :

Uncaught TypeError: Cannot call method ‘setData’ of undefined

I have put the same exact HTML by hard-coding inside the template, it works fine – it just doesn’t work when I insert it in DIV dynamically! any ideas?

<script> 
  $(document).ready(function() 
  { $('ul.art-vmenu li').click(function(e) 
     { 
       //Ajax call to get content:
       $.ajax(
       {
             type: "GET",
             url: "/create",
             data: "",
             success: function(msg)
             {
               //alert(msg);   
               document.getElementById("art-post-inner art-article").innerHtml = msg; 
               //$("#art-post-inner art-article").html(msg);  // jQuery call             
               window.clipboardData.setData("Text", msg);  // for debug in IE               
             }
       });

     });
  });    
</script>   

Answer 1

first of all: it’s innerHTML, not innerHtml

second: which browser are you using? clipboardData is only available in IE

check also: How do I copy to the clipboard in JavaScript?