Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
  </head>
  <body>
    <h1>Tweetable demo</h1>
    <p>Blabla bla <x-tweetable>tohle bude text tweetu</x-tweetable> bla bla</p>
    <p>Blabla bla <x-tweetable title="tohle bude text tweetu">bla bla bla</x-tweetable> bla bla</p>
  </body>
</html>
 
 $(document).ready(function(){
        $("x-tweetable").replaceWith(function() {
            var content = $(this).html();
            var tweetContent = content;
            var alt = $(this).attr("title");
            if (alt) {tweetContent = alt;}
            var hash = $(this).attr("data-hash");
            if (hash) {tweetContent += " #"+hash;}
 
            var out = "<x-tweetable>";
            var permalink = document.location.href;
            out += "<a href='https://twitter.com/intent/tweet?original_referer="+encodeURIComponent(permalink)+"&source=tweetbutton&text="+
                encodeURIComponent((tweetContent))+"&url="+encodeURIComponent(permalink)+"'>"+content+"&thinsp;<i class='icon-twitter'></i>";
            out += "</a>";
            out += "<span class='sharebuttons'>";
 
            out += "<a href='https://twitter.com/intent/tweet?original_referer="+encodeURIComponent(permalink)+"&source=tweetbutton&text="+
                encodeURIComponent((tweetContent))+"&url="+encodeURIComponent(permalink)+"'>TWEETNOUT";
            out += "</a>";
 
 
            out += "</span>";
            out += "</x-tweetable>";
 
            return out;
        });
 
        $("x-tweetable").hover(
            function(){
                  if ($(this).data('vis') !== true) {
                          $(this).data('vis', true);
                          $(this).find('.sharebuttons').fadeIn(200);
                  }
            },
            function(){
                  if ($(this).data('vis') === true) {
                          $(this).find('.sharebuttons').clearQueue().delay(0).fadeOut(200);
                          $(this).data('vis', false);
                          $(this).data('leftSet', false);
                  }
            }); 
    });
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers