How To Make a Bookmarklet For Your Web Application

Thanks! that will be fine. Btw replacing files e.g. on Google Code would be really useful, now you can only post a new file, so the url won’t be the same. That’s ok but not for bookmarklets.

If you’re going to go the framed route, which we do with Wishlisting, you’re going to run into privacy issues in Internet Explorer if you use cookies. We overlay an iFrame and walk people through a short wizard when they add something to their wishlists. In Internet Explorer, we couldn’t make use of cookies to track their credentials until we instituted a P3P policy. Just a heads up for anyone running into odd cookie errors in IE… it’s time to read up on P3P :slight_smile:

Hi Tom, thanks for dropping by :). That’s a great point, I was going to start using cookies to remember settings in my own bookmarklets, didn’t realize that P3P would be an issue (never had to deal with it before).

[…] How To Make a Bookmarklet For Your Web Application - A few more interesting tips on how to make a bookmarklet. Might use this one day if I ever want to make another one again. […]

nice post, can’t wait to build a bookmarklet of my own :slight_smile:

Thanks, hope it comes in handy for you :).

[…] How To Make a Bookmarklet For Your Web Application | BetterExplained (tags: webdev tutorial javascript firefox browser) […]

Your ability to explain things clearly has already changed my life :). I had tried to learn about bookmarklets earlier, but now I started to understand their full potential. Perhaps too much possibilities so that browsers will soon make their usage impossible as it is already in https:// .
When your instacalc is used on a page with meta refresh tag with value eg. 300 seconds, the program disappears. Any way to prevent the refreshing programmatically?

[…] How To Make a Bookmarklet For Your Web Application | BetterExplained […]

Hi optimistx, thanks for the comment! This post was buried under a slew of spam comments which I just cleaned up.

I didn’t know about the meta-refresh issue – I’m hesitant to block it since it may take away from the page functionality.

[…] Recent public urls tagged “bookmarklet” → How To Make a Bookmarklet For Your Web Application […]

Sorry if this is a newb question, but Kalid, why do you wrap your bookmarklet js in a function? Personal taste? Particular browser compatibility? Here’s what I see in the instacalc js:

(function() {

[code]
})()

[…] popular public links >> bookmarklet Google’s Chrome Saved by jdbricker on Wed 04-2-2009 How To Make a Bookmarklet For Your Web Application | BetterExplained Saved by yamihikari02 on Tue 03-2-2009 Sun Tzu: A simple bookmarklet to go to the base of a domain (via… Saved by nickb on Sun 18-1-2009 iPhone clone window bookmarklet Saved by witchigirl on Fri 16-1-2009 Austin Public Library Lookup Bookmarklet Saved by Naruto81191 on Wed 07-1-2009 Alberta Blogs Now Has Social Media Capabilities Saved by romeroax on Wed 07-1-2009 Remember the Milk Bookmarklet Saved by RagingPheonix on Tue 23-12-2008 [ma.gnolia] Microformats Bookmarklet ??? Left Logic Saved by goldenatom on Sun 21-12-2008 Press This Bookmarklet « WordPress.com Saved by mustangsflame2 on Fri 19-12-2008 Social Bookmarking Tools Saved by badbear on Tue 09-12-2008 Scratching an itch and enhancing CellarTracker Saved by KnoxsKorner1 on Sat 06-12-2008 Make Firefox Remember Passwords of Hotmail, Live, MSN & Yahoo Sites Saved by RedundantCircles on Fri 05-12-2008 delicious 2.0 legacy bookmarklet fix Saved by lecoqsportif on Sun 23-11-2008 Press This Bookmarklet « WordPress.com Saved by KagomeValentine on Thu 20-11-2008 Press This Bookmarklet « WordPress.com Saved by maddiej93 on Fri 14-11-2008 iPhone Central: iWebSaver helps keep pages for on the go Saved by walden83ny on Tue 11-11-2008 Bookmarklet For YUI Logger Saved by justin1911 on Sun 02-11-2008 Increase web site traffic Saved by weblearning on Wed 29-10-2008 Social Tasting Note Site: Snooth Saved by cwren on Fri 24-10-2008 Google Social Bookmarking and Blog Recommendation Engine Saved by Irrsinn on Tue 21-10-2008 AboutUs.org Bookmarklet Saved by trss on Sun 19-10-2008 Measure Traffic with the Google Web Site Trends Bookmarklet Saved by jthmspreeodeath on Wed 15-10-2008 Bookmarklet update Saved by growdesign on Thu 09-10-2008 Links of Interest (At Least to Me) 15/08/2008 Saved by xGaaraXLustx on Wed 01-10-2008 Multibyte Input Bookmarklet Saved by joey0028 on Tue 30-9-2008 Tokbox full screen bookmarklet Saved by somehow on Mon 29-9-2008 bookmarklet: View YouTube in fullscreen mode Saved by seedmagweb on Fri 26-9-2008 TinEye new release: bookmarklet, landing page and more Saved by anotherjpeg on Fri 26-9-2008 Bookmarklet for the YUI Logger Control Saved by MonaAlicia on Thu 25-9-2008 ShareThis - Quick Sharing - Get the Bookmarklet! Saved by Shukakugaara2089 on Sun 21-9-2008 One Way - Google Saved by sango312 on Sun 24-8-2008 […]

[…] popular public links >> webmastertools Microsoft Webmaster Tools Finally Out of BETA and Updated! First saved by dreamyguy | 1 days ago Google Webmaster Tools tests Enhance 404 Pages experimental feature First saved by babaly | 5 days ago Microsoft Webmaster Tools Update First saved by jljunior | 5 days ago How To Make a Bookmarklet For Your Web Application First saved by thinkmassive | 10 days ago Microsoft Webmaster Tools Update First saved by stevejones7979 | 14 days ago Microsoft’s Webmaster Tools is finally out of beta. First saved by hoaphamnt | 18 days ago Removing URL’s from Google First saved by pokemon616 | 28 days ago Free Online Logo Maker’s (Designer) List - Webmaster Tools First saved by negatif | 28 days ago Microsoft Webmaster Tools Update First saved by poppaluv | 33 days ago cforms II First saved by 476429 | 59 days ago Dotlessdomain - Hosts To Provide Google Webmaster Tools Access First saved by darrowco | 74 days ago Enhance Your 404 Page With Webmaster Tools First saved by magicmiley | 84 days ago New eCommerce Company from eBay Puts a Shopping Cart on Your Web … First saved by RandomAccess | 85 days ago Webmaster Tools For SEO First saved by gamesterhawk1 | 94 days ago Latest Interview: Google’s Maile Ohye First saved by techcords | 98 days ago Yesterday’s Twits First saved by rossimarko | 98 days ago Webmaster Tools Now Accessible! First saved by norskeone | 116 days ago What Google Webmaster Tools can tell about your blog. First saved by hemaa | 117 days ago Google Webmaster Tools - part 2 First saved by mooniker | 128 days ago 5 Plus Free Webmaster Tools foe bloggers and websites owners First saved by ginggogo | 132 days ago Essential Webmaster Tools And Resources Part 1 First saved by sakuragilastname | 148 days ago Marcus Czeslinski: Kubuntu-de.org back in Google First saved by sasukeloveshinata | 155 days ago links for 2008-04-18 First saved by piazzeus | 158 days ago My Candle Monkey Blog Got Hacked First saved by skwerley | 163 days ago Have your WordPress.com blog Google Webmaster Tools verified First saved by frador | 167 days ago Free webmaster tools by Unitedbrains.net First saved by SirGrok | 169 days ago Google Webmaster Tools For Your Blog First saved by rangma | 174 days ago […]

[…] How To Make a Bookmarklet For Your Web Application | BetterExplained (tags: howto reference ajax development internet programming web design javascript tutorials webdesign) […]

[…] History [upmod] [downmod] How To Make a Bookmarklet For Your Web Application | BetterExplained (betterexplained.com) 1 points posted 1 year ago by SixSixSix tags development imported javascript webdesign saved by 1 user discuss / tweet this […]

[…] How To Make a Bookmarklet For Your Web Application I’d never needed to create a bookmarklet before today. This is a nice introduction. I had my simple bookmarklet up and running in about 5 minutes. […]

[…] How To Make a Bookmarklet For Your Web Application Considerations when creating a bookmarket (tags: javascript bookmarklet howto `) […]

[…] How To Make a Bookmarklet For Your Web Application | BetterExplained betterexplained.com/articles/how-to-make-a-bookmarklet-for-your-web-application – view page – cached Browser buttons (bookmarklets) are shortcuts that act like a simple browser plugin. Their advantages include: * Fast installation: Just add a link to your — From the page […]

I was actually searching for something else but you’ve now got me thinking about how I can solve another problem I’ve been thinking about. Thank you.