js/share.js

   1 $(document).ready(function(){\r
   2         $('#tweet_body').focus();\r
   3 \r
   4         $('#tweet_body').keypress(function(){\r
   5                 setTimeout( function(){update_share()}, 50 ); // we're delaying, otherwise keypress() always triggers too fast before current key press actually inserts a letter?!! Go figure.\r
   6         });\r
   7         \r
   8         $('#copylink').click(function(){\r
   9                 $(this).select();\r
  10         });     \r
  11         \r
  12         init_clipboard();\r
  13 })\r
  14 \r
  15 function update_share() {\r
  16         var text = encodeURI( $('#tweet_body').val() );\r
  17         var url = encodeURI( $('#copylink').val() );\r
  18         var tw = 'http://twitter.com/home?status='+text;\r
  19         var ff = 'http://friendfeed.com/share/bookmarklet/frame#title='+text ;\r
  20         var fb = 'http://www.facebook.com/share.php?u='+url ;\r
  21         $('#share_tw').attr('href', tw);\r
  22         $('#share_ff').attr('href', ff);\r
  23         $('#share_fb').attr('href', fb);\r
  24         \r
  25         var charcount = parseInt(140 - $('#tweet_body').val().length);\r
  26         $('#charcount')\r
  27                 .toggleClass("negative", charcount < 0)\r
  28                 .text( charcount );\r
  29 }\r
  30 \r
  31 function share(dest) {\r
  32         var url = $('#share_'+dest).attr('href');\r
  33         switch (dest) {\r
  34         case 'ff':\r
  35                 //$('body').append('<script type="text/javascript" src="http://friendfeed.com/share/bookmarklet/javascript"></script>');\r
  36                 window.open(url, 'ff','toolbar=no,width=500,height=350');\r
  37                 break;\r
  38         case 'fb':\r
  39                 //var url = $('#share_fb').attr('href');\r
  40                 window.open( url, 'fb','toolbar=no,width=1000,height=550');\r
  41                 break;\r
  42         case 'tw':\r
  43                 //var url = $('#share_tw').attr('href');\r
  44                 window.open(url, 'tw','toolbar=no,width=800,height=550');\r
  45                 break;\r
  46         }\r
  47         return false;\r
  48 }\r
  49 \r
  50 function init_clipboard() {\r
  51         //Create a new clipboard client\r
  52         clip = new ZeroClipboard.Client();\r
  53         \r
  54         //Glue the clipboard client to the last td in each row\r
  55         clip.glue( 'copylink' );\r
  56 \r
  57         //Grab the text from the parent row of the icon\r
  58         var txt = $('#copylink').val();\r
  59         clip.setText(txt);\r
  60 \r
  61         //Add a complete event to let the user know the text was copied\r
  62         clip.addEventListener('complete', function(client, text) {\r
  63                 html_pulse( '#copybox h2', 'Copied!' );\r
  64         });\r
  65         \r
  66         // Custom animation on hover\r
  67         $('#copylink').css({'backgroundPosition':'130% 50%'});\r
  68         $('#'+clip.movieId)\r
  69                 .mouseover(function(){\r
  70                         $('#copylink').select().animate({'backgroundPosition':'100% 50%'}, 300);\r
  71 \r
  72                 })\r
  73                 .mouseout(function(){\r
  74                         $('#copylink').blur().animate({'backgroundPosition':'130% 50%'}, 300);\r
  75                 });\r
  76                 \r
  77         // Force flash clip size (IE fix)\r
  78         $('#'+clip.movieId).css('height', '35px');\r
  79 };                     \r
  80 \r