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!
No comments:
Post a Comment