the right way do it goes something like this:

var originalDiv = document.getElementById("Original");
var extraCopyDiv = document.getElementById("ExtraCopy");
var newElement = originalDiv .cloneNode(true);
extraCopyDiv.appendChild(newElement );
var newElementHTML = newElement.innerHTML;
newElementHTML = (whatever you want);

If you would modify the innerHTML of an element that hasn't been attached to the document and then try to add it to the document using 'appendChild()', you'll get the 'non-secure' message.

problem and it appears that the fix you suggested works. I'd just point out that outerHTML needs to be set to '' that is two single quotes. The cut and paste of your code gave me a smart quote.. and that didn't work.

Would have taken me ages to find that bug...

Thanks

@House: sorry, I don't understand Russian

@Robert: glad the article was helpful for you. Best of luck!

@Hire: you can use a relative URL if the image is on your server.

For example, instead of linking to http://mysite.com/assets/myimage.jpg you would link to /assets/myimage.jpg

If it's not on your site, you would need to change it to https://someoneelsessite.com/assets/theirimage.jpg

If they don't have SSL, you will need to download the image to your own site, and link to it with a relative path or with https.

can you also explain how to call images from css when page are loaded using https?

thanks

It was a meta-call to a swfobject.js - just needed to make it https and hey presto.

Thanks (found you on Google)