May 04, 2005

Geotagging Flickr photos, with GoogleMaps via a cool Greasemonkey script and bookmarklet

A guy called revdancatt created a cool new website called GeoBloggers that lets you "geotag" your flickr photos, geotagging means adding longitude and latitude coordinates to the tags for the image. Then his website pulls in the images and overlays them on google maps, its very cool! and will be even cooler for us in the UK when google maps adds the sattelite images for the UK.

I wrote a couple of scripts to help out, making the process a bit easier, one is a Greasemonkey script, that adds 2 links to the google maps page/s.

  • The first link, when clicked, redirects you to the geoblogging website for that location, where all the images tagged with the local coordinates will be listed on the map.
  • The second link, when clicked, displays the longitude and latitude coordinates on the map, which is useful for people who want find the coordinates of where they took their images so they can add the required tags to their flickr images.

Heres the GreaseMonkey Script: GeoTag.Gmaps.Flickr.User.js
UPDATE: Ive updated the greasemonkey script/s you can get the new ones here:

The second script is a javascript bookmarklet, which should work on both Firefox and Internet Explorer. The bookmarklet works the same way as the first link mentioned above, ie when you click the bookmarklet whilst on a google maps page you will be redirected to the associated page on the geoblogging site.

Here the bookmarklet: (*UPDATE* I dont think the bookmarklets below work any more.)

javascript:latlong = _m.map.getCenterLatLng(); latlong += ""; latlong = latlong.replace(/\)/g,""); latlong = latlong.replace(/\(/g,""); latlongarr = latlong.split(', '); location.href = 'http:\/\/geobloggers.com?lat=' + latlongarr[1] +'&lon=' + latlongarr[0];

To get the bookmarklet to work just create a new bookmark/favourite and copy and paste the above code in for the URL. then to use it just hit the bookmark when you are browsing google maps, and you should be redirected to the geoblogging site for that location.

I also wrote another bookmarklet that is based on one listed at http://libgmail.sourceforge.net This one when selected on a google maps page, will display the longitude and latitude coordinates of the current location on the page. Unlike the other version, this one doesnt autoupdate all the time, so its a bit quicker to run, though the downside is the center of the map isnt marked so its harder to get an accurate position for your geotags.

javascript:ll=_m.map.getCenterLatLng();ll +="";ll=ll.replace(/\)/g,"");ll=ll.replace(/\(/g,"");llarr=ll.split(', ');void(document.getElementsByClassName('title')[0].innerHTML='geo:lat='+ llarr[1] + ' ' + 'geo:lon=' + llarr[0]);


UPDATE Ive updated the GreaseMonkey scripts, see GeoTagging Flickr with GoogleMaps PART 2 for more details.

April 14, 2005

FlickrQuoter - Quote people in the Flickr Forums more easily - New GreaseMonkey Script

Ive written another GreaseMonkey script, this one is also for Flickr.com. It adds a "quote" link, at the bottom Flickr forums (it should be beneath each post in the forum, but i couldnt get it to do that yet)

If you select some text from a post that you wish to reply to in the forum, then click the "quote" link, the selected text will be added ready formatted as a quote to the input box at the bottom of the page.

This script needs some work on it though as im a bit stuck at the moment, the script needs to be able to detect if no text has been selected, and then quote the whole of the relevant post, it also needs to grab the username and add that to the quote, havent figured out how to do that yet either, as my javascript skills are well below Jedi standards unfortunately. If anyone wants to help out with the script, that would be cool :)

Anyway you can get the current 0.01 version of the script here:

http://steeev.freehostia.com/flickr/flickrquoter.user.js

The script is still quite useful i think even though its functionality is not 100% complete, and can save some typing time, when you wish to reply and quote someone in the forums...

Script Usage Instructions
------------------
After installing the script, you can select the text of a users post in a flickr forum, who you wish to reply to, then click the quote link and the selected text will be added to the text input box at the bottom of the page, nicely formatted and ready for you to add your reply.

UPDATE:A guy called Kastner has made an improved version of my script, heres his version

FURTHER UPDATE Ive made some minor, mainly cosmetic, alterations to the script, including adding in some insallation instructions. Heres the updated version

April 08, 2005

My first GreaseMonkey script - Flickr Rater

Greasemonkey is a cool extension for firefox that lets you add user defined scripts to specific websites, which means you can filter parts of sites you dont like or even add new functionality to sites.

I thought it was a cool technology, so i decided to have a go at writing a script for it, I noticed a cool new application on the web called Flickr Rate by a guy called Nicolas, that lets you rate photos on Flickr.com, though the current interface is via a bookmarklet, I thought it would be cool if the rating applet was embedded in the actual Flickr photo page as it would make things a lot easier. And thats where GreaseMonkey comes in handy, anyway I had a look at some of the currently existing GreaseMonkey scripts for Flickr and put together a script that would work for Flickr Rate application, and here it is. In order to install it, you first need to install the GreaseMonkey extension.

Update, Nicolas has updated my script here http://flickrate.gasteroprod.com/flickrate.user.js

January 15, 2005

Bookmarklet for Firefox to convert Adobe Acrobat PDF files to HTML

My old Adobe Acrobat PDF to HTML bookmarklet stopped working recently because Adobe have changed the url and code of their conversion tool on their site, so I've updated my bookmarklet so it now works with their new conversion tool.

To add it to your browser, you have to create a new bookmark and then copy and paste the script in bold below in its entirety into the URL part of the bookmark and name the bookmark something like PDF 2 HTML. Then whenever you visit a pdf page that you want to convert to HTML just click the bookmarklet, and follow the prompts. This script only works on Firefox, it doesnt work on I.E, I havent tested it on any other browsers.

javascript:'<html><body onload=%22if(confirm(\'Do you want to convert the current browser document from PDF to HTML?\')) {document.forms[0].submit();} else {document.blah.srcPdfUrl.value=prompt(\'Enter the URL of the PDF document you would like to convert to HTML\');if (document.blah.srcPdfUrl.value.length)document.forms[0].submit(); else history.go(-1);}%22><form name=blah method=post action=%22http://access-sjc0.adobe.com/access/convert.do%22><input type=hidden name=acceptLanguage value=en><input type=hidden name=convertTo value=html><input type=hidden name=visuallyImpaired value=false><input type=hidden name=preferHTMLReason value=PDF+SUCKS%2C+HTML+ROCKS><input type=hidden name=platform value=Windows><input type=hidden name=comments value=x><input type=hidden name=srcPdfUrl value=' + location.href + '>We are now gonna convert the pdf at <p><b> '+location.href+' </b></p>into HTML. </form></body></html>'


Posted by steeev to Bookmarklets at 09:34 AM | Permanent Link | | Comments (0)

December 09, 2004

My first Firefox Extension - Ebay Negs! - Lets you check the negative feedback an eBay user has received.

I just read the brilliant tutorial at Roachfiend.com on how to write extensions for Firefox and I decided it would be fun to write one myself, So I decided to convert my eBay negative feedback checker bookmarklet into a Firefox Extension, and the roachfiend tutorial helped out a great deal :) It was pretty straightforward to convert, and you can try it out here: Ebay Negative Feedback Firefox Extension

Any feedback gratefully received :)

UPDATE 19/1/2005 A new updated version (0.6) of this extension has been released, thanks to a cool dude called Guido who supplied some brilliant code to extend Ebay Negs' functionality. If you have got the old version (0.5) installed you can use Firefox's update feature to update it to the new version. To do this go to the "Tools/Extensions" menu, then click the "Updates" button. This version allows you to right click on Ebay username links without having to highlight them first, it also alllows you to rightclick anywhere on an ebay auction page and it will try to automatically work out the username.

October 28, 2004

Ebay Negative Feedback Bookmarklet - Lets you check all negative comments left for a user.

Ive written a new bookmarklet, this one interfaces with Toolhaus' excellent ebay feedback checker, to show all of a users negative/neutral feeback remarks.

EBay show Negative Feedback Bookmarklet (Just drag the link to your web browser's "link" bar (should work on both IE and mozilla/firefox), then when you are viewing a users profile page, click the bookmarklet and you will be transferred to a page listing all the negative/neutral feedback that has been left for that user.

*UPDATE Ive written a new version of the bookmarklet 02/11/2004*

I've Just Written a new bookmarklet for finding the negative feedback left for a user, this one lets you select an ebay username on any page where one is mentioned and if you then click the bookmarklet it will take you to the toolhaus page showing the negative feedback for that user, if no text is selected, it pops up a dialog box asking you to enter an ebay username.

This bookmarklet has been tested on both Firefox and I.E, not sure if it will work on Opera or not. You can test this bookmarklet out on this very page, by highlighting some text on the page, then clicking the link below, or if you click the link below without selecting any text, you should be presented with a javascript dialog box asking you to enter an Ebay username. You can "install" this bookmarklet into your browser by simply right clicking on it and adding it to your bookmarks, or if you want quicker access to it, try dragging the link on to your web browsers link toolbar.

New Version of the Ebay Negative Feedback Checker Bookmarklet

Hope someone finds this useful! :D

Further Update R.A Brugioni has kindly pointed out the bookmarklet doesnt work if you are using windows XP sp 2 and I.E6, the best thing for you to do in that case is switch to using Firefox, which is a much better web browser! :D

Yet Another Update Ive converted the bookmarklet into a Firefox Extension, you can read more about it here

Posted by steeev to Bookmarklets | EBay | Programming at 03:30 AM | Permanent Link | | Comments (3)

August 12, 2004

PDF to HTML conversion Bookmarklet

I just wrote a bookmarklet for converting PDF documents to HTML. The conversion tool I am using in the bookmarklet is the one at the Adobe website.

Here is my PDF to HTML converter bookmarklet:

PDF to HTML Bookmarklet

Either drag this link to your browser's toolbar or right click it and add it to your bookmarks/favourites. Then when you want to convert a PDF document to HTML simply click the link in your toolbar or click the bookmark/favourite.

When you activate the bookmarklet it asks you if you want to convert the current browser document, if the current document in your browser is a PDF file and is the one you want to convert then click the "OK" button, if the PDF document you want to convert is not currently loaded in your browser, but you have the link for it, click cancel, then you will be presented with a dialog box that asks you to type/paste in the URL of the PDF document you want to convert to HTML.

The conversion is pretty basic, it basically seems to just strip out any textual content from the PDF and create an HTML document with that.

UPDATE 15/01/2005 This bookmarklet no longer works, please see my new updated bookmarklet

Posted by steeev to Bookmarklets at 05:10 PM | Permanent Link | | Comments (0)

May 08, 2004

Wicked! A cool DOM inspector bookmarklet

Steve at slayeroffice.com has written a cool DOM inspector bookmarklet, it allows you to view the Code for any element on a web page. Very useful for web developers, or just for checking the code behind a link before clicking it.

Ive been looking further around his website, and its got lots of cool javascript there, im particularly impressed by his favelet suite which has lots of useful tools for web developers.

Posted by steeev to Bookmarklets at 02:18 PM | Permanent Link | | Comments (0)

May 07, 2004

New Improved Google PageRank Bookmarklet

Ive written a new much improved Google Pagerank Bookmarklet, this one uses markusallen's PageRank calculator.

javascript:oldlocation=location.href;n = window.open('','myWindow','resizable,width=220,height=120');n.document.write('<body onload="document.forms[0].submit()">');n.document.write('<form method=post action=http://www.markusallen.org/cgi-bin/rank.pl>');n.document.write('<INPUT TYPE=hidden NAME=name VALUE=value>');n.document.write('<INPUT TYPE=hidden NAME=action VALUE=post>');n.document.write('<input type=hidden name=url value=' + oldlocation + '></body>');n.document.close();

as usual you have to create a bookmark, then copy and paste the above code in as the url, then name it something like Check Google PageRank. It works with either Mozilla Firefox or Internet Explorer. I cant figure out why in the Firefox version, the popup window hides itself behind the main window, if anyone has a clue why this happens and how to fix it please let me know.

Another thing I've noticed is that this bookmarklet doesnt seem to work if you have a popup blockers installed, well in my case it didnt like Proxomitron anyway.

Posted by steeev to Bookmarklets at 07:31 PM | Permanent Link | | Comments (1)

April 28, 2004

New bookmarklet: Browse Current website Anonymously

Ive written a new bookmarklet that lets you visit any site then, switch to browsing it anonymously via proxy.guardster.com.

Heres the script:


javascript:'<body onload="document.forms[0].submit()"><form method=post action="http://proxy.guardster.com/cgi-bin/nph-proxy.cgi/010100A/782d70726f78792f7374617274"><input type=hidden name=x value=21><input type=hidden name=y value=10><input type=hidden name=rc><input type=hidden name=rs value=on><input type=hidden name=fa><input type=hidden name=br value=on><input type=hidden name=ff><input type=hidden name="URL" value=' + location.href + '>You will now be sent to proxy.guardster.com where you will be able to browse this site<p><b> '+location.href+' </b></p>anonymously. </body>'

You have to copy and paste the script in its entirety into a bookmark and name it something like Anon. Then whenever you visit a page just click the bookmarklet and it will transfer you to anonymous browsing mode.

Posted by steeev to Bookmarklets at 01:45 PM | Permanent Link | | Comments (0)

April 16, 2004

Find a UK Map using a Postcode Bookmarklet

I've written a UK Postcode bookmarklet , I find it comes in quite handy, it works in both I.E and Firefox, havent tried it any other browsers. It basically lets you select a postcode on a webpage, or enter one at the prompt if you havent selected one, then takes you to the streetmap.co.uk map for that postcode.

Find a UK Map by selecting/entering a postcode, place name or road name Bookmarklet

You can test it out by selecting a postcode on a page for instance this one NW1 4BG then just click the link. If no postcode is selected it pops up a prompt for you to enter one. Sweet! To install it on your browser just rightclick on it and add it as a bookmark, or you can just drag it on to your browsers links toolbar.

Update: I just discovered that the bookmarklet also works with UK place names or road names, schweet!

Update 2:
Ive updated the script so it will work even if the page you want to get the postcode from is inside a frameset

Posted by steeev to Bookmarklets at 04:44 PM | Permanent Link | | Comments (0)

April 15, 2004

Google Auto Translate Bookmarklet

I came across another cool bookmarklet the other day. Its an auto translation bookmarklet, it will automatically determine what language the page is in and translate it for you, thanks go to the very clever people at google and the clever guy that wrote the bookmarklet, John Hiler at www.microcontentnews.com.

Apparently it can translate any webpage from French, Spanish, Portuguese, German or Italian into English.

Here it is: Google Auto Translate Bookmarklet

Add the above link to your bookmarks/favourites or drag it to your link bar/ tool bar, then visit a page in a foreign language such as: http://webnews.html.it/news/ then click the bookmark, and it should send the page to google which will automatically figure out what language it is in and translate it to english :)

Posted by steeev to Bookmarklets at 08:56 PM | Permanent Link | | Comments (0)

Google PageRank Bookmarklet

I just visited a site that lets you type in a list of urls, and it checks the Google PageRank for each one. Very cool indeed! Google PageRank Checker

Then i thought what would be cooler is a bookmarklet that would let you check the PageRank of a site directly from your browser, I know that the Googlebar can do this, but apparently its not available on the mozilla version. So here is a Google Pagerank checker bookmarklet that I wrote:

javascript:'Checking the Google PageRank for: <b>'+ location.href +'</b><body onload="document.forms[0].submit()"><form method=post action="http://www.top25web.com/pagerank.php"><input type=hidden name="url" value=' + location.href + '></body>'

To use it just create a new bookmark, copy the above code into the url field, name it google pagerank, then when you want to check the pagerank of a site, just visit the site then click your bookmarklet, simple :) The great thing is It works in either firefox or Internet Explorer.

The bookmarklet was tricky to write as you cannot normally do a HTTP Post using javascript on its own, though i found out a way to do it from here: How to do a HTTP Post with a bookmarklet. Thanks to Jim Ley for that :)

UPDATE: Ive written a new improved pagerank checking bookmarklet

Posted by steeev to Bookmarklets at 03:02 PM | Permanent Link | | Comments (1)
Links
Sites that are tickling my fancy at the mo
Torn Out Magazine
Jesus Lives
Overheard Tube Gossip
Something Awful
B3ta
Fark
BoingBoing
MoneySavingExpert

SMS / Communications
SmartMobs
Textually (SMS News)
Gizmodo
EnGadget
Mobitopia
The Register
Slashdot

Web Development
F2o.org
SitePoint
Bookmarklets
SquareFree Bookmarklets
Syndicate this site (XML)
Powered by
Movable Type 2.661