05401, 05403, 05446, 05462, 05482, 05673, 05701, 37signals, 40hz, 2008, 2010, aardman animations, ac propulsion, adium, ads, aim, airport, al franken, algorithm, amazon, animation, apache, apple, applescript, architecture, archive, art, article id, asterisk, at&t, atom, automobile, away message, backpack, badge, barack obama, basecamp, bash, beos, bernie sanders, bicycling, billboard, blacklisting, blog, blogroll, blogzot, bluetooth, blunt, bluray, book, bookmarklet, bot-net, brad bird, browser, btv, bug, build, bungie, bunny, burlington, call of duty, camera, camping, can-spam, cars, centralized, channel camp, chocolate, classic, classic mac workshop, clothing, cms, collection, color classic, comedy, comedy central, comic, computer, concert, conversion, cookbook, corrosion, cowards way out, crack, crashing, creature comforts, criticism, daring fireball, darwin, dashboard, david byrne, dcl, death, delicious, derbi, design, development, digg, dilemma, discussion, disney, domain, download, drivers, dvd, dynetk, e-mail, e3, easter, ebox, eckhart, eckhart köppen, eckhart koppen, eddie izzard, edward gorey, einstein, election, electric motorcycle, electric motorsport, electric vehicle, electronics research laboratory, elmo, emate, emulator, encryption, environment, environmental impact, erin mckeown, escale, exploit, express 530t, expressionengine, feature, feed, feedburner, filtering, finance, firmware, fixdavsvn, flickr, flynn center, focus, font, food, ford, for sale, free, freeverse, freezing, fresh air, frog design, front row, fusion, games, gears of war, geek, geek technique, geocities, gmail, google, gpr, grammar, grant hutchinson, graylisting, gtd, hack, haiku, halo, hayao miyazaki, health, higher ground, highrise, hiking, hiroshi noguchi, history, hope, hotspot, html, html5, hulu, humor, hybrid, hybrid technologies, hypercard, intel, internet, interview, ipad, iphone, ipod touch, isao takahata, itunes, jabber, japan, javascript, jetblue, jfk, john gruber, john oliver, jon stewart, kid koala, launchd, layover, leopard, liberal, long trail, lorem ipsum, mac, macbook pro, macworld, maczot, magazine, mail, maine, makkintosshu, marathon, marketing, mark hoekstra, matthias melcher, media, mesagepad, messagepad, microbus, microsoft, mobileme, model s, modern warfare, money, monitoring, moon river, motorola, movie, movies, mrtg, multitasking, music, mwsf07, mystic, nascar, ncx, nda, netflix, network, newton, newton os, newton press, newtontalk, newton x press, nick park, nitch, npr, on point, openpbx, open source, operation ivy, optimization, organic, os 8, os9, osheaga, osx, os x, owc, package, palm, password, paul guyot, pbx, pdf, pesticides, photography, pico card, pilot, pixar, playstation, plist, plug-in, pod jungle, politics, productivity, ps3, psp, pump-and-dump, quicksilver, racism, rack-n-roll, radio, ratatouille, rebooting, recycling, remake, required reading, restoration, retrochallenge, review, roadster, room without a window, rss, scion, screencast, script, search, security, server, sesame street, seven days, shame, shelburne, shelburne museum, shirt, shoppinging cart, simon bell, small dog electronics, snow leopard, social, software, solution, sony, spam, spam haus, startup item, statistics, status, stefano paris, stephen colbert, steve jobs, steven colbert, steven frank, studio 360, studio ghibli, subethaedit, subversion, swiss, sync, syndication, sysmon, tablet, tags, tax, technorati, ted talk, television, terry gross, tesla motors, textpattern, the colbert report, the daily show, the flaming lips, the gashleycrumb tinies, the radiator, the world, times argus, titles, tkip, todd kollins, tom gage, trailer, travel, tree, trends, troubleshooting, twitter, typography, tzero, unicel, unna, update, upgrade, url title, user interface, v710, venue, verizon wireless, vermont, victor rehorst, video, virtualization, vmware, volkswagen, volvo 122, vpr, vw, wait wait don't tell me, wall-e, wallace & gromit, wavelan, web, web 2.0, webkit, web site, whitepaper, wifi, wikipedia, windows, winter warm-up, wireless, wpa, writing, wwdc, wwnc, xbox 360, xbox live, xhtml, yahoo, ze frank, zero emission
Articles Tagged "bookmarklet":
Posting around here has been sporadic, at best, lately. With little to no time to author full articles this time of year, I figured I’d better improve the efficiency of my quick linking to tidbits I’ve found elsewhere online. I’ve got a ‘hyper’ section in Textpattern (my CMS of choice) for just such a task, akin to and inspired by the Daring Fireball Linked List, but it’s actually more cumbersome to post to. I usually include a quote and the title from the target site, it’s URL, switch it to the ‘hyper’ section, add some tags and a little commentary. A bookmarklet that could pull in much of that data for me to just tweak and comment could drastically reduce the amount of tab switching and cutting & pasting required.
Fortunately, just such a bookmarklet exists. It pulls your selection into a new post body, sets the post title to the page title, and allows you to customize what section & category it gets posted in:
javascript:
var d=document,
w=window,
e=w.getSelection,
k=d.getSelection,
x=d.selection,
s=(e?e():(k)?k():(x?x.createRange().text:0)),
f='http://PathToYourTXPFolder/index.php',
l=d.location,
e=encodeURIComponent,
p='?bm=1&Section=SectionName&from_view=1&Category1=CategoryName&Title='+e(d.title)+'&Body='+e(s),
u=f+p;
a=function(){
if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=800,height=800'))
l.href=u;
}
;
if(/Firefox/.test(navigator.userAgent))
setTimeout(a,0);
else
a();
void(0)
However, I require the target URL in a custom field in order to automatically build the link to the target site. It was designed to do that, but no example was given. You merely need to insert the following (replacing ‘custom_1’ with the number of the appropriate custom field) after Category1 and before Title1:
custom_1='+e(l.href)+'&
But there’s one more thing I found necessary to tweak: the size of the pop-up window. It was a bit too narrow for my install, so I increased the width to ‘960’, but more importantly, I made it scrollable by adding scrollable=1 to the call to w.open().
So, with the my aforementioned modifications, you get something like this (still requiring replacement of PathToYourTXPFolder, SectionName, CategoryName, and custom_1 with your particulars, of course):
javascript:
var d=document,
w=window,
e=w.getSelection,
k=d.getSelection,
x=d.selection,
s=(e?e():(k)?k():(x?x.createRange().text:0)),
f='http://PathToYourTXPFolder/index.php',
l=d.location,
e=encodeURIComponent,
p='?bm=1&Section=SectionName&from_view=1&Category1=CategoryName&custom_1='+e(l.href)+'&Title='+e(d.title)+'&Body='+e(s),
u=f+p;
a=function(){
if(!w.open(u,'t','toolbar=0,resizable=0,scrollable=1,status=1,width=960,height=800'))
l.href=u;
}
;
if(/Firefox/.test(navigator.userAgent))
setTimeout(a,0);
else
a();
void(0)
What now? Run it through something like Bookmarklet Builder to name it and further minify it, then merely drag it to your bookmarks bar. I ended up whipping up two: one for use on this site and one for use on Slotted Pig.
1 You can obviously move it around elsewhere in the query if you’re careful with the quoting.

