How To Make a Bookmarklet For Your Web Application

kalid · May 15, 2014, 6:31pm

Browser buttons (bookmarklets) are shortcuts that act like a simple browser plugin. Their advantages include:

This is a companion discussion topic for the original entry at http://betterexplained.com/articles/how-to-make-a-bookmarklet-for-your-web-application/

machinehuman · April 17, 2008, 2:24am

Very well explained, nice post!

tiagoserafim · April 17, 2008, 4:23am

Thanks again for another useful post.

bharatboom · April 17, 2008, 4:24am

it will help me a lot

kalid · April 17, 2008, 5:36am

Thanks guys, glad you’re finding it useful.

designer · April 17, 2008, 7:54am

Very useful tips…thanks

–
http://www.redesignyourbiz.com
Visit our website for your webdesigning needs and also download amazing wallpapers or send ecards.

chandoo · April 17, 2008, 11:38am

Really useful, we were planning to use bookmarklets to increase the use of our web startup. So that user need not come to our site to get the work done. I had a vague idea how to do this one, but your post explains a great deal about the nitty gritties. thanks a ton.

beyondrandom · April 17, 2008, 12:49pm

Very useful! thanks alot!

Anonymous_User · April 17, 2008, 5:41pm

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

kalid · April 17, 2008, 5:59pm

@Designer, Chandoo, BeyondRandom: You’re welcome!

Anonymous_User · April 17, 2008, 11:43pm

[…] 3 - How To Make a Bookmarklet For Your Web Application | BetterExplained Browser buttons (bookmarklets) are shortcuts that act like a simple browser plugin. […]

Anonymous_User · April 17, 2008, 11:59pm

[…] [link] [comments] […]

Anonymous_User · April 18, 2008, 12:34am

[…] How To Make a Bookmarklet For Your Web Application | BetterExplained (tags: javascript web web2.0 programming) […]

Anonymous_User · April 19, 2008, 8:38am

[…] How To Make a Bookmarklet For Your Web Application (tags: bookmarklet browser javascript) […]

aaron · April 19, 2008, 3:19pm

You say “We can’t use var _my_script because of the spaces” but you can use “%20” in place of a space in javascript URLs. Actually, looking at my “Google Bookmark” bookmarklet they use “var a=…” with a normal space.

kalid · April 21, 2008, 5:40am

Hi Aaron, good point – some browsers allow use of %20 in place of spaces, and some support spaces directly. In general I find it easier to avoid spaces altogether.

brian · April 23, 2008, 6:13pm

Hi, I was wondering where can I host a js file to load dinamically. I don’t really want to host it on my site, is there some >>long term

brian · April 23, 2008, 6:42pm

…some long term solution for this?

kalid · April 23, 2008, 7:31pm

Hi Brian, I would take a look at Google pages (http://pages.google.com/). You can upload raw files that are publicly available.

Anonymous_User · April 24, 2008, 7:24pm

[…] Nice collection of free Psd Icons (Ganato.com) How to Switch the On State of Navigation Links for Dynamic Pages (Ask the CSS Guy) A look at CSS Variables (Brajeshwar.com) Effective CSS Shorthand (Leigeber) Cross Browsing Testing - not free, but not expensive for anyone looking for a nice design testing option. How to Make a Bookmarklet for Your Application (Better Explained) CSS Confirmation Message Boxes - free to download and use. (Templamatic) Hartija CSS Print Framework (Web Builder Zone) - a framework for better print layouts. Open Source Living - lots of links for open source software in a lot of different categories. Animated Horizontal Tabs Script (Dynamic Drive) […]