Tech Note: Yet Another LGF Pages Bookmarklet Update
I know, right? Another one, just a day later? But this one actually will make it possible for me to update the types of auto-embed content the LGF Pages bookmarklet can identify — without making you re-install the bookmarklet to take advantage of the new features.
When you open this new version of the bookmarklet, it “phones home” to littlegreenfootballs.com no matter which site you’re on, and gets a file with the information it needs to find embedded video and audio in the current page. The cool thing about doing it this way is that it lets me add new embed types to the file on our server, and the bookmarklet automatically starts using them the next time you open it — no reinstallation necessary any more!
To get the new extensible version of the bookmarklet, reinstall it one more time by first deleting the old one (either by dragging it off the bookmark bar or by right-clicking and choosing “Delete”), then dragging the button labeled “Create a Page” (at the top of the right sidebar) to your bookmark bar in its place.
A trouble-shooting tip: if you click the bookmarklet and no window (or tab) opens, it’s probably because popups have been blocked by the browser. Most browsers have popup blocking on by default. The easiest way to handle this is to turn popup blocking off entirely; you can also allow popups on specific sites in the browser’s Preferences, but for posting purposes it’s a nuisance to do this for every site you might want to post something about.
The technical details
This new bookmarklet is actually calling our brand spanking new API (version 0.1, a one-day old baby), using the JSONP technique to get around the Javascript same-origin policy that would normally prevent this kind of cross-site access.
This happens in the jQuery.ajax() method beginning at line 27. It makes a call to the API at:
http://littlegreenfootballs.com/api/0.1/postRegex
jQuery handles all the details of the JSONP call (with its necessary callback function), parses the JSON response, and returns the data in the object lgf — in this case it consists of two regular expression definitions that are used on lines 34 and 36.
(function() {
var j = '1.9.1', d = document;
if (window.jQuery === undefined || window.jQuery.fn.jquery < j) {
var done = false, s = d.createElement('script');
s.src = '//ajax.googleapis.com/ajax/libs/jquery/' + j + '/jquery.min.js';
s. = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done = true;
jQuery.noConflict();
lgfPost();
}
};
d.getElementsByTagName('head')[0].appendChild(s);
} else {
lgfPost();
}
function esc(s) {
return escape(s).replace(/\+/ig, '%252B');
}
function lgfPost() {
(window.postPage = function() {
var f = q = w = '',
u = esc(location.href),
d = document,
t = esc(d.title),
s = esc((d.selection) ? d.selection.createRange().text : d.getSelection());
jQuery.ajax({
type: 'GET',
url: 'http://littlegreenfootballs.com/api/0.1/postRegex',
jsonpCallback: 'lgf_api',
dataType: 'jsonp',
success: function(lgf) {
ob = jQuery('iframe').filter(function() {
return this.src.match(RegExp(lgf.regex.embed, 'i'));
});
if (ob.length && !u.match(RegExp(lgf.regex.sites, 'i'))) {
f = esc(ob.eq(0).attr('src'));
}
q = (
'u=' + u +
'&t=' + t +
'&f=' + f +
'&s=' + s
);
w = (
'width=670,' +
'height=820,' +
'scrollbars=1,' +
'status=1,' +
'menubar=1,' +
'location=1,' +
'resizable=1'
);
window.open('http://littlegreenfootballs.com/weblog/lgf-postpage.php?' + q, '_blank', w);
}
});
})();
}
})();