Question

I’m trying to make a new pin it button just like Pinterest has, I’ve see the content at that bookmark:

javascript:void(
  (function(){
    var e=document.createElement('script');
    e.setAttribute('type','text/javascript');
    e.setAttribute('charset','UTF-8');
    e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);
    document.body.appendChild(e)
  })()
);

I’m new to javascript, so I am not sure how to start to do a new one. I have even no idea where should I start my coding. Is the backend for this Pin it button limited? Can anyone introduce how does this Pin it button works? Thank you so much.

Answer 1

Basically what that code does is injects a <script> tag into the page. The actual “pin it” code is located in the pinmarklet.js file.

To make your own feature like this, you can just reuse the code and replace the source with your own JavaScript file.

Side-note: the void(...) part is redundant because the function doesn’t return anything anyway.