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="https://www.tumblr.com/share?v=3&amp;u="+url+"&amp;s=";
    document.getElementById("container").src=finalurl;
});    

// Thanks https://www.netlobo.com/url_query_string_javascript.html
function getParam( url, name )
{
  name = name.replace(/[[]/,"\[").replace(/[]]/,"\]");
  var regexS = "[\?&amp;]"+name+"=([^&amp;#]*)";
  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!