Favelets, Bookmarklets
Favelets, also called Bookmarklets, are links which contain special functionality. Instead of being directed to a URL when you click them, they perform an action using JavaScript. Favelets can be added to Internet Explorer as a favorite or Firefox,Chrome,Safari as a bookmark. There are browser extensions like GreaseMonkey, GreaseMetal which hand great power to the web users allowing them to harness the power of javascript, however situations may arise where installing such extensions are prohibited(Common workplace practices, such a pain). Here is a small example of how to create favelets/bookmarklets on some of the popular browser’s. Not a great deal of functionality is illustrated in the example given below, but you get the idea of leveraging the power of javascript.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For IE:
1. Create an empty html file(name whatever you want it to be), save it, and add it as favorite in your IE browser.
2. Now go into the favorites and right mouse click on the newly created favorite and view its properties
3. Enter the following Javascript into ‘Url’ input box.
1 | javascript:alert('Hey There..tap on to power of Favelets'); |
4. Click Apply and Ok. You might get some message box with the following message, click Yes.
The protocol “javascript” does not have a registered program .Do you want to keep this target anyway.
5. Click on this favorite and see the alert message.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For FireFox:
1. Create an empty html file(name whatever you want it to be),, save it, and add it as Bookmark in FireFox.
2. Now go into the Bookmarks and right mouse click on the newly created Bookmark and view its properties
3. Enter the following Javascript into ‘Location’ input box.
1 | javascript:alert('Hey There..tap on to power of Favelets'); |
4. Click Save.
5. Click on this favorite and see the alert message.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For Chrome:
1. Create an empty html file(name whatever you want it to be), save it, and add it as Bookmark in Chrome.
2. Now go into the Bookmarks and right mouse click on the newly created Bookmark and click Edit.
3. Enter the following Javascript into second input box(that has the location of the file).
1 | javascript:alert('Hey There..tap on to power of Favelets'); |
4. Click outside the editable region, and it’s automatically saved.
5. Click on this favorite and see the alert message.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For Safari:
1. Create an empty html file(name whatever you want it to be), save it, and add it as Bookmark in Safari.
2. Now go into the Bookmarks and right mouse click on the newly created Bookmark and click Edit Address.
3. Enter the following Javascript into the input box(that has the location of the file).
1 | javascript:alert('Hey There..tap on to power of Favelets'); |
4. Click outside the editable region, and it’s automatically saved.
5. Click on this favorite and see the alert message.