jQuery on the fly URL shortener

Here is an example how to get a shortened URL with Bitly API and jQuery:

function get_short_url(long_url, login, api_key, func){    $.getJSON(        "http://api.bitly.com/v3/shorten?callback=?",         {             "format": "json",            "apiKey": api_key,            "login": login,            "longUrl": long_url        },        function(response)        {            func(response.data.url);        }    );}

The following code could be used to get a short URL:

/*Sign up for Bitly account at https://bitly.com/a/sign_upand upon completion visithttps://bitly.com/a/your_api_key/ to get "login" and "api_key" values*/var login = "LOGIN_HERE";var api_key = "API_KEY_HERE";var long_url = "http://www.kozlenko.info";get_short_url(long_url, login, api_key, function(short_url) {    console.log(short_url);});

I guess the API of Bitly has changed slightly. You now only really need an access token to request a short URL.

Following the best practices, I created the following Javascript-only snippet:

getShortUrl: function(url, callback){   var accessToken = '___YOUR_ACCESS_TOKEN___';   var url = 'https://api-ssl.bitly.com/v3/shorten?access_token=' + accessToken + '&longUrl=' + encodeURIComponent(url);    $.getJSON(        url,        {},        function(response)        {            if(callback)                callback(response.data.url);        }    );},

The on the fly bit is going to be difficult to make reliable and speedy.

People won't type http most of the time or even www.

The end, like you said, is going to be hard to determine if the url contains a space or worse, runs into the next sentence because the user didn't put in a space.

And what if people need to change the url after the fact because they typed http://stakoverflow.com/ instead of https://stackoverflow.com/ ?

I think the best solution would be an "insert shortened url" button on your text editor that allowed people to do just that. Or, do it server-side when the post is made.