Shorten URL using bit.ly (Javascript)

[Jahova]

Hello there. For my forum I wish to use Javascript to shortern the page url into a bit.ly URL and then for the bit.ly URL to be put into a Javascript var ready to be called in my twitter re-tweet script.

You can find my current twitter re-tweet script below. At the moment it can get the page URL and title and then tweet these. What I want it the page URL to be first shortened using bit.ly (js) and then the new short-url echoed instead of twtUrl.

          // Variables for twitter to use
          var twtTitle  = document.title;
          var twtUrl    = location.href;
          var maxLength = 140 - (twtUrl.length + 1);
          if (twtTitle.length > maxLength) {
          twtTitle = twtTitle.substr(0, (maxLength - 3))+'...';
          }
          var twtLink = 'http://twitter.com/home?status='+encodeURIComponent(twtTitle + ' ' + twtUrl);
          document.write('<a href="'+twtLink+'" target="_blank"'+'>Tweet This!<'+'/a>');

I hope you understand what I mean. Kind regards.

[Luke]

Probs not right, but could any of this be any use?

http://code.google.com/p/bitly-api/w...iDocumentation

[Jahova]

@LukeBateson: I've attempted to use the API demos, but as I have very limited JS knowledge, I am not able to turn the demo; http://bit.ly/app/demos/shorten.html

Into somthing that will output a var for me to use in my twitter script.

[Luke]

@LukeBateson: I've attempted to use the API demos, but as I have very limited JS knowledge, I am not able to turn the demo; http://bit.ly/app/demos/shorten.html

Into somthing that will output a var for me to use in my twitter script.

Well, I'm not really a Javascript guru myself, so can't help lol.
Sorry

Luke

Rep returned

[Jahova]

Thanks and no problem. Anyone else? Should be a simple job, I would think.

[Jahova]

Bump, will offer +REP for help!

[Invent]

Try something like this (you'll need to change the Bit.ly API key, etc):

<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=bitlyapidemo&apiKey=R_0da49e0a9118ff35f52f629d2d71bf07"></script> 
<script type="text/javascript">
	<!--
	
		document.write( '<div id="tweet-this"></div>' );
				
		BitlyClient.addPageLoadEvent(function(){
	
			BitlyCB.myShortenCallback = function( data ) {

				var result;
				
				for( var r in data.results ) {
				
					result                    = data.results[ r ];
					result[ 'longUrl' ]    = r;
					
					break;
					
				}
				
				var twtTitle  = document.title;
				var twtUrl    = result[ 'shortUrl' ];
				var maxLength = 140 - ( twtUrl.length + 1 );
			
				if( twtTitle.length > maxLength ) {
				
					twtTitle = twtTitle.substr( 0, ( maxLength - 3 ) ) + '...';
				
				}
				
				var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent( twtTitle + ' ' + twtUrl );
				
				document.getElementById( 'tweet-this' ).innerHTML = '<a href="' + twtLink + '" target="_blank">Tweet This!</a>';
				
			}
			
			BitlyClient.shorten( document.location, 'BitlyCB.myShortenCallback' );
	
		});

	-->
</script>

[Jahova]

Worked brilliantly. Thank you. Now time to customize it

[Sorin]

Great script! Works perfect for me too! Is it possible for this tweeter custom button to also include a twitter username (just like the official button does ex: via @johndoe) that we specify? 10x in advance!