21

I have a bookmark that I use to 'zap colours' from websites:

javascript:(function(){var%20newSS,%20styles='*%20{%20background:%20white%20!%20important;%20color:%20black%20!important%20}%20:link,%20:link%20*%20{%20color:%20#0000EE%20!important%20}%20:visited,%20:visited%20*%20{%20color:%20#551A8B%20!important%20}';%20if(document.createStyleSheet)%20{%20document.createStyleSheet("javascript:'"+styles+"'");%20}%20else%20{%20newSS=document.createElement('link');%20newSS.rel='stylesheet';%20newSS.href='data:text/css,'+escape(styles);%20document.getElementsByTagName("head")[0].appendChild(newSS);%20}%20})();

I would really like to make it an actual button on the toolbar in Firefox (for instance, to the right of the 'help' button). I know it's easy to move it onto the bookmarks toolbar, but I like to have the bookmark toolbar hidden, so would rather have an actual button in Firefox for this, and maybe some other bookmarks if it's easy!

How can I add a Firefox bookmark as toolbar button?

Improve this question
2
  • 1
    I didn't want to edit your questions as this might apply to plain bookmarks as well, but just in case you don't know: JavaScript bookmarks are often referred to as "bookmarklets". (My new favourite: The Printliminator at css-tricks.com/examples/ThePrintliminator)
    – Arjan
    Nov 4, 2009 at 14:11
  • Thanks for your comment - I'll be looking for some more interesting booklets in the future! I am currently trying to use the solution below, but not having much look at the moment
    – falter
    Nov 4, 2009 at 18:24

5 Answers 5

Reset to default
12

I realise this is very very old - but I came across it today while looking for an answer to this question. Use the custom bookmark tool as recommended above and then add the line of javascript that appears in your bookmarklet where URL appears in the code below:

loadURI ("*URL*");
Improve this answer
5
  • This work perfectly!
    – Acorn
    Mar 12, 2011 at 1:09
  • wooo! glad it helped :)
    – Stuart Burrows
    Mar 12, 2011 at 8:06
  • ReferenceError: loadURI is not defined :(
    – Gringo Suave
    Feb 2, 2013 at 6:37
  • @GringoSuave are you following the instructions that A Dwarf outlines? The v0.0.5.5 of the plugin is working perfectly with my FF 18
    – Stuart Burrows
    Feb 4, 2013 at 8:32
  • If your bookmarklet has double quotes in the code then this will fail. You will have to replace the double quotes in the bookmarklet code with single quotes
    – Nat
    Apr 19, 2016 at 14:57
12

You can use an extension to create Custom Buttons.

alt text

You can add text to the button if you wish, use it to launch a specific website or execute code. Initialization Code is executed when the browser is launched and the button is first created.

Usage is simple.

  • Right-click an empty space in your toolbar and select the new option called Add new button...
  • You get to see the dialog above.
  • Once done, the button is created. All you need is to now add it to wherever you like through the Customize option of the toolbar context menu.

alt text

Improve this answer
5
  • Thank you for this - I have installed it, and tried to paste the javascript into the code section, and also tried it in the URL section, but neither seem to work. I have the button on my toolbar, but at the moment it does nothing! my code is in my OP
    – falter
    Nov 4, 2009 at 18:22
  • I'm not familiar with javascript. But I suspect you need to edit your snippet as to remove "javascript:" and possibly also "function()". Essentially alter it to be executed from the code box which, I believe, internally uses a evaluate function.
    – A Dwarf
    Nov 4, 2009 at 18:39
  • Sadly I tried removing both of those, and neither solution worked. I also tried to add it as a URL (after all it is only a URL in my bookmarks) but that didn't work either
    – falter
    Nov 5, 2009 at 11:39
  • 4
    If you follow @Inrbob's instructions of placing the bookmarklet code inside loadURI("BOOKMARKLET HERE"); it works perfectly!
    – Acorn
    Mar 12, 2011 at 1:12
  • This doesn't work under Quantum and seems to break Waterfox, too. :(
    – endolith
    Mar 8, 2018 at 19:48
3

This may not be exactly answering your question,
But, if you want to save the bookmark toolbar space (and not just hide and unhide it at times),
you can reduce the bookmark toolbar content and move it completely besides the 'Help' button.
This way you are done with just two 'bars' under the firefox title.
The Menu bar and the Address bar... Does that work for you?

To get this done,

  1. right-click in the space besides the Help button
    • select 'customize...'
    • drag the bookmarks toolbar from its position to the new one besides 'Help'
    • end customization with the 'Done' button
    • Now, if your bookmark has a good icon, you can even delete its name string and
      make it look quite like a button there...
Improve this answer
1
  • Thanks for the suggestion, but I do want to keep my bookmarks toolbar which has several items on it hidden, but need a 2nd bookmark toolbar really!
    – falter
    Nov 6, 2009 at 11:26
2

On the initialization tab add this code:

    var link = "place your bookmarklet code here"
    this.leftclick = function(evt){
    openUILink(link);}
    this.setAttribute( 'onclick', 'gQuot( event, this )' );

This will load your bookmarklet in the active tab.

Improve this answer
1
  • Greetings, Shah, welcome to SuperUser. No need for disclaimers, if an answer is useful it doesn't matter whether it's old or new. I've suggested an edit to remove the "non-answer" portion of the answer, but if it doesn't fit with your intentions please go ahead and modify it.
    – Jonathan Garber
    Feb 15, 2013 at 20:36
0

I used the bookmarklet tool at http://custombuttons.sourceforge.net/forum/viewtopic.php?f=4&t=1155 but you could equally well read their code and use that to make the button direct (loadURI method here wasn't working for me for some reason).

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .