Question

I’m working on a simple JS-webpage: http://zhilkin.com/socio_en.html and would like to provide visitors with the option of copying a piece of text (e.g. their sociotype description) with a link to this page to post on their blog, home page, etc.

For example, the visitor reads a sociotype description and clicks a link/button. I’d like to display something like this on the same page or in a pop-up window:

Copy/paste this HTML code to your blog:

<p>...<p>
<a href="...">

I’ve come across such functionality on some websites, but failed to find any guides or examples. Any information, advice, links will be highly appreciated.

Answer 1

May be it will help you

HTML

<button onclick="popOpen();">Popup</button>​

JS

function popOpen()
{
    var myWindow=window.open ("", "","width=350,height=250");
    var content="Copy/paste this HTML code to your blog:";
    content+="<textarea style='width:300px;height:100px;margin:10px 0;border:none;'><p>This is 'myWindow'</p>\n\n<a href='http://google.com'>Link</a></textarea>";
    myWindow.document.write(content);
    myWindow.focus();
}​

A fiddle is here.