October 2010 Posts

Post To Tumblr Version 0.4

Today is a small update day it seems.

I have updated my Post To Tumblr extension again. I was getting a couple of requests for the ability to add a ‘caption’ to a post before the image is uploaded so I cranked out this little feature. You can enable it in the options.

Once enabled rather than immediately posting the image it will popup a new tab allowing you to add a caption or whatever to your post:

Its not perfect, I would have preferred the pre formatting window to open in a div popup on the current page instead of a whole new tab, but for now this solution is simple and it works.

I must admit I borrowed the idea from another Tumblr posting extension called “Share on Tumblr”. The code is ultra simple:

[codesyntax lang=”html4strict”]

<html>
<head>
<script>

	// Thanks to share on tumblr extension for this
	chrome.tabs.getSelected(null, function(tab) 
	{
		var url = getParam(tab.url,"u")
		//var url = encodeURIComponent(getParam(tab.url,"u"));
		var finalurl="http://www.tumblr.com/share?v=3&u="+url+"&s=";
		document.getElementById("container").src=finalurl;
	});	

	// Thanks http://www.netlobo.com/url_query_string_javascript.html
	function getParam( url, name )
	{
	  name = name.replace(/[[]/,"\[").replace(/[]]/,"\]");
	  var regexS = "[\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( url );
	  if( results == null )
		return "";
	  else
		return results[1];
	}

</script>
<link rel="stylesheet" href="main.css" type="text/css"/>
</head>
<body>
	<div id="header">    
      <h1>Post To Tumblr</h1>
    </div>
    <div class="section-header first"><em>Format your post below</em></div>
    <br >
	<iframe id="container" style="width:500px;height:430px;border:0px" src=""></iframe></body>
</html>

[/codesyntax]

It just opens an iframe with the Tumblr Share page. Simples!

Post To Tumblr Version 0.3

Just made a quick little update to my chrome extension “Post To Tumblr”.

In this update I finally worked out how to catch bad username or password returns from the Tumbr API. Basically it just involved me using the ajax rather than the post jQuery function and using “async:false” like so:

[codesyntax lang=”javascript”]

$.ajax({
		  url: 'http://www.tumblr.com/api/write',
		  type: 'POST',
		  data:o,
		  async: false,
		  complete: function(transport)
		  {
				if(transport.status == 200 || transport.status == 201)
				{
					 postingNote.cancel();
					 var postedNote = webkitNotifications.createNotification('images/icon48.png', "Image Posted!", info.srcUrl);
					 setTimeout(function() { postedNote.cancel(); }, 5000);
					 postedNote.show();
				}
				else if(transport.status == 403)
				{
					postingNote.cancel();
					var errorNote = webkitNotifications.createNotification('images/icon48.png', "Posting Error!", "Bad email or password");
					setTimeout(function() { errorNote.cancel(); }, 5000);
					errorNote.show();
				}

			}
		 });

[/codesyntax]

In addition I have added some notifications to indicate when the extension is doing something.

I have made a little demo video below to show this off:

Chrome should auto update for you. If you dont have the extension yet head over to the extension gallery to grab it now!

Inputtie – Version 0.1.6

Made a few small stability changes with Inputtie tonight, thought I would share.

Release notes are as follows:

Inputtie Version 0.1.6 (25/10/10)

+ Inputtie now checks for updates every 12 hours
+ Mouse can now correctly reach all the way to the edge of the screen
+ Mouse now remains in the last position it was before the connection closes