[Ext] Custom Buttons 0.0.1.2

Announce and Discuss the Latest Theme and Extension Releases.
Post Reply
old nicholas.alipaz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old nicholas.alipaz »

Zoolcar9 wrote:If you use <code>window.openDialog(url)</code> to open a web page, the context menu won't work. Better use <code>window.open(url)</code> (which is slower), or much better, open it in a new tab.
  • Gmail Compose Tab

Thank you so much, that is very nice. The new window thing was the only reason I didn't use the one made by jasir.
snwbdr
Posts: 68
Joined: September 2nd, 2005, 6:28 am

Post by snwbdr »

Options button for Thunderbird
Under code tab put:
openOptionsDialog('mailnews', 'chrome://messenger/content/pref-mailnews.xul','mailnews')

<a href="custombutton://%20Options%20%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAxNyBBdWcgMjAwNSAxNTowMToxNyAtMDUwMNfSCfMAAAAHdElNRQfWBhsWMRjNcTCKAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAABGdBTUEAALGPC/xhBQAAAutQTFRF/v7+7O7xzNLbs73Iq7TB5ubo9fX1+fn5rb3QeaTQhK7YoK298/P09/f4s8TXfZq8p7PA5eXlnbfTerXthLjni7zpeZ/Ix83W1NvkeqbVbqnhW5XQgZm26enq8fHyjanKc7HqqdHxxOL4vdr1cZO5Xoy/ZaXhW5/dZqrlUpbXfZaybomq1dXWtL7NTonJdbLoyuj81e7/z+v+frjsWaDgUJjan9T6jtH9YZTKqbrOIXTIDWvHTHesbIqwO4DILoXWY6jju+P+xef+g7vrUpzdg8DxpNn+mNT+uLrA1tndGW7GAWvMEnnTBW3RCnDNG3vRX6jlqtz+teH/lNL9a7nzFnLTImq4W7DyYrTyKojbXazsm9L4ndn/NHO1MX7Pgsv9is38esX7dsH3ndb9mdP8c8P8MpHgIofcO5TgprjNc7zyj9D3ntH0vNPl2uLq6/T73O38fsn7Z8H/Xb3/TKz1lK7L2dnac5fCmszr5+vt0NniasD9VbP8Zajjx9TjyNDfRnOyMHC5D2fCCXLSjcLjydTdarLsXLX/Vbz/XZbSzNXiLo/hjcTopcPkT7T/RrL+L3W+qrLBfp7FH4XcZrj0jc31qsjgVa37Oqz+G4nkWYm/LpTqhsTtiKXGUaDuUaLwTKTzMar/KKH1dqjbnrnXP5zpb6ze4+bqj6S/RI7bSZHfOZ/yKaX7MaLyUKLnx9Dfy9nsZqDbYp3aV6vyeY+vxcfMp7PHbI27Q4DMQoPSN43fI6P8OpnnmLjc1N3s+fn9yM7cO3O7FHrZN3HAW3elW3eqTXS0QnW/OnTDOoPRLZ/0HpXujq/Vw8zYIXjQkc75L2S1NGe5NGi5MWS0EYnmkafF09XcKX7Ssd79e8H0OH7LJ1yuJlaoKFyuLGq7cb/7LJDjsMTh6OjtSpLhgsH6Vp7hZa3ql7bhc6Xjt8ng2tzoZaDjk7HZoqvEDHTZaJPFDmXPf6vbocDpcaDWd7DmscDVdJ7gYZ/rWZHZ5MtXKwAAAAF0Uk5TAEDm2GYAAAH1SURBVHjaY2AAAfZv33/kMdT37mNjQAaP2Fk/JAV9/PR56pevyOKvXr95+26K442caEf39zxI6h8H3njiFhTd9vTps5uFm56/eMkLkbh2fU+y442bt27fuXP33srq+6kPHu4HS5w91xwSeP7khYuXLgPBySlFV66yg8T3Hzh4KDEw6nDDkaPHjp84ceLkqdNnwG7bsHHT5uAYly1bBVl1tm3fsXPnrt179u4D6lmyNNjdPWZZGdjY5StWrlq1es3adesZGCbNLkwIdp/TCnXj3HnzF8xYuGixHMOk5sndU4KnToO6MU9q+vT+GTNnsTKU+np7dyeY9+RBJNh7w2v6+idMZGeob2hsao5wd2/JAzuSobWtvaOjs4udgV2wrDwyKdg9piK3EiRRlVVdVFxTWwdiC2UFA11mnp2Tm5dfoFiYmFpUXFIKFOeNC49PSEwyB7o6OSU4OCE+NS09IxMoweTrEx4R6R8V7RYY6OYW424e5ecdKw6U8PTy9vHx9fMPCAwKCgJKBYeEhnGDg9/SytrG1s7ewdHJydnF1NXN3cID4kIeeW0dOV09fQNDI2MTU3UzcwtZaDjIARns8gqKSsoqqmrqGppavMgxLCQsIiomLiEpJS0jiyzOwMHJxcXNw8vHLyCIIs7AyMTMwsrAwMYKsRgA+wWzirTqiXIAAAAASUVORK5CYII%3D%5D%5BopenOptionsDialog%28%27mailnews%27%2C%20%27chrome%3A//messenger/content/pref-mailnews.xul%27%2C%27mailnews%27%29%20%5D%5B"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAxNyBBdWcgMjAwNSAxNTowMToxNyAtMDUwMNfSCfMAAAAHdElNRQfWBhsWMRjNcTCKAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAABGdBTUEAALGPC/xhBQAAAutQTFRF/v7+7O7xzNLbs73Iq7TB5ubo9fX1+fn5rb3QeaTQhK7YoK298/P09/f4s8TXfZq8p7PA5eXlnbfTerXthLjni7zpeZ/Ix83W1NvkeqbVbqnhW5XQgZm26enq8fHyjanKc7HqqdHxxOL4vdr1cZO5Xoy/ZaXhW5/dZqrlUpbXfZaybomq1dXWtL7NTonJdbLoyuj81e7/z+v+frjsWaDgUJjan9T6jtH9YZTKqbrOIXTIDWvHTHesbIqwO4DILoXWY6jju+P+xef+g7vrUpzdg8DxpNn+mNT+uLrA1tndGW7GAWvMEnnTBW3RCnDNG3vRX6jlqtz+teH/lNL9a7nzFnLTImq4W7DyYrTyKojbXazsm9L4ndn/NHO1MX7Pgsv9is38esX7dsH3ndb9mdP8c8P8MpHgIofcO5TgprjNc7zyj9D3ntH0vNPl2uLq6/T73O38fsn7Z8H/Xb3/TKz1lK7L2dnac5fCmszr5+vt0NniasD9VbP8Zajjx9TjyNDfRnOyMHC5D2fCCXLSjcLjydTdarLsXLX/Vbz/XZbSzNXiLo/hjcTopcPkT7T/RrL+L3W+qrLBfp7FH4XcZrj0jc31qsjgVa37Oqz+G4nkWYm/LpTqhsTtiKXGUaDuUaLwTKTzMar/KKH1dqjbnrnXP5zpb6ze4+bqj6S/RI7bSZHfOZ/yKaX7MaLyUKLnx9Dfy9nsZqDbYp3aV6vyeY+vxcfMp7PHbI27Q4DMQoPSN43fI6P8OpnnmLjc1N3s+fn9yM7cO3O7FHrZN3HAW3elW3eqTXS0QnW/OnTDOoPRLZ/0HpXujq/Vw8zYIXjQkc75L2S1NGe5NGi5MWS0EYnmkafF09XcKX7Ssd79e8H0OH7LJ1yuJlaoKFyuLGq7cb/7LJDjsMTh6OjtSpLhgsH6Vp7hZa3ql7bhc6Xjt8ng2tzoZaDjk7HZoqvEDHTZaJPFDmXPf6vbocDpcaDWd7DmscDVdJ7gYZ/rWZHZ5MtXKwAAAAF0Uk5TAEDm2GYAAAH1SURBVHjaY2AAAfZv33/kMdT37mNjQAaP2Fk/JAV9/PR56pevyOKvXr95+26K442caEf39zxI6h8H3njiFhTd9vTps5uFm56/eMkLkbh2fU+y442bt27fuXP33srq+6kPHu4HS5w91xwSeP7khYuXLgPBySlFV66yg8T3Hzh4KDEw6nDDkaPHjp84ceLkqdNnwG7bsHHT5uAYly1bBVl1tm3fsXPnrt179u4D6lmyNNjdPWZZGdjY5StWrlq1es3adesZGCbNLkwIdp/TCnXj3HnzF8xYuGixHMOk5sndU4KnToO6MU9q+vT+GTNnsTKU+np7dyeY9+RBJNh7w2v6+idMZGeob2hsao5wd2/JAzuSobWtvaOjs4udgV2wrDwyKdg9piK3EiRRlVVdVFxTWwdiC2UFA11mnp2Tm5dfoFiYmFpUXFIKFOeNC49PSEwyB7o6OSU4OCE+NS09IxMoweTrEx4R6R8V7RYY6OYW424e5ecdKw6U8PTy9vHx9fMPCAwKCgJKBYeEhnGDg9/SytrG1s7ewdHJydnF1NXN3cID4kIeeW0dOV09fQNDI2MTU3UzcwtZaDjIARns8gqKSsoqqmrqGppavMgxLCQsIiomLiEpJS0jiyzOwMHJxcXNw8vHLyCIIs7AyMTMwsrAwMYKsRgA+wWzirTqiXIAAAAASUVORK5CYII="></a>

<a href="custombutton://%20Options%20%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAxNyBBdWcgMjAwNSAxNTowMToxNyAtMDUwMNfSCfMAAAAHdElNRQfWBh4BFgOzZg7EAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAABGdBTUEAALGPC/xhBQAAAbZQTFRF/v7+rb3QeaTQhK7YoK299/f4s8TXp7PA5eXlnbfTerXti7zpeZ/I1NvkeqbVW5XQgZm28/P0janK1dXW8fHyTonJdbLo1e7/z+v+WaDgUJjan9T6jtH96enqqbrOIXTITHesbIqwLoXWY6jjxef+UpzdpNn+mNT+uLrA+fn5BW3REnnTYrTyKojbXazsm9L4qtz+ndn/AWvMNHO1MX7PW7Dyis38esX7ndb9lNL9gsv9c8P8IofcO5Tgc5fCmszrvNPl0NniasD9Z8H/VbP8ZajjyNDfRnOyD2fCCXLS2uLqydTdXLX/Vbz/XZbSzNXifp7FLo/hZrj0jc31qsjgbqnhVa37RrL+G4nkWYm/LpTqhsTtiKXGUaDuTKTzOqz+KKH1dqjby9nsZqDbV6vyeY+v5ubop7PHbI27QoPSI6P8Opnn1N3s+fn9yM7cFHrZN3HAW3elW3eqQnW/OnTDOoPRHpXujq/V09Xcsd79e8H0J1yuJlaoKFyuLGq7cb/7LJDjsMTh6OjtteH/arLsVp7hZa3qYp3al7bht8ngDmXPdsH3f6vbocDpd7DmdJ7gYZ/rpcPkezv6VwAAAAF0Uk5TAEDm2GYAAADsSURBVHjaY2AAgv4JXgwTcxhgoEmzq7unN7gPzjeoVGtuaW2rau/oZAUJVGRbVFZV19TWOdU3NAL5uXn55noFhUXFJSWlZeVAgaTkFEvVVI609IzMzKzsHE2GgCgzy2hvkN6Y2Lj4hESGAM/AoOAQkIBXaFh4RCSDm7uHp7q6lyZQxNvH18+fQZPDTtdS3d4BKODo5OziCqRNTM3MZdQNLSwtraxtbIECWto6unr6BgZqhjJ6RsZAATl5BUUlZRUVVSk1dQ2QWYJCwiKiYuISklLSMrIwD3FycfPw8vELwH3MyMTMwsrGzsHAAADwozNv1DOF6AAAAABJRU5ErkJggg%3D%3D%5D%5BopenOptionsDialog%28%27mailnews%27%2C%20%27chrome%3A//messenger/content/pref-mailnews.xul%27%2C%27mailnews%27%29%20%5D%5B"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAxNyBBdWcgMjAwNSAxNTowMToxNyAtMDUwMNfSCfMAAAAHdElNRQfWBh4BFgOzZg7EAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAABGdBTUEAALGPC/xhBQAAAbZQTFRF/v7+rb3QeaTQhK7YoK299/f4s8TXp7PA5eXlnbfTerXti7zpeZ/I1NvkeqbVW5XQgZm28/P0janK1dXW8fHyTonJdbLo1e7/z+v+WaDgUJjan9T6jtH96enqqbrOIXTITHesbIqwLoXWY6jjxef+UpzdpNn+mNT+uLrA+fn5BW3REnnTYrTyKojbXazsm9L4qtz+ndn/AWvMNHO1MX7PW7Dyis38esX7ndb9lNL9gsv9c8P8IofcO5Tgc5fCmszrvNPl0NniasD9Z8H/VbP8ZajjyNDfRnOyD2fCCXLS2uLqydTdXLX/Vbz/XZbSzNXifp7FLo/hZrj0jc31qsjgbqnhVa37RrL+G4nkWYm/LpTqhsTtiKXGUaDuTKTzOqz+KKH1dqjby9nsZqDbV6vyeY+v5ubop7PHbI27QoPSI6P8Opnn1N3s+fn9yM7cFHrZN3HAW3elW3eqQnW/OnTDOoPRHpXujq/V09Xcsd79e8H0J1yuJlaoKFyuLGq7cb/7LJDjsMTh6OjtteH/arLsVp7hZa3qYp3al7bht8ngDmXPdsH3f6vbocDpd7DmdJ7gYZ/rpcPkezv6VwAAAAF0Uk5TAEDm2GYAAADsSURBVHjaY2AAgv4JXgwTcxhgoEmzq7unN7gPzjeoVGtuaW2rau/oZAUJVGRbVFZV19TWOdU3NAL5uXn55noFhUXFJSWlZeVAgaTkFEvVVI609IzMzKzsHE2GgCgzy2hvkN6Y2Lj4hESGAM/AoOAQkIBXaFh4RCSDm7uHp7q6lyZQxNvH18+fQZPDTtdS3d4BKODo5OziCqRNTM3MZdQNLSwtraxtbIECWto6unr6BgZqhjJ6RsZAATl5BUUlZRUVVSk1dQ2QWYJCwiKiYuISklLSMrIwD3FycfPw8vELwH3MyMTMwsrGzsHAAADwozNv1DOF6AAAAABJRU5ErkJggg=="></a>
Last edited by snwbdr on July 12th, 2006, 4:32 pm, edited 1 time in total.
Old Makondo
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Makondo »

Zoolcar9,
the New Tab button - i have a multitab homepage but the button opens only the first URL out of 5. Any place i can edit this and have it open all 5 tabs as a homepage?
Also, the dropdown pushes the image (icon) way out of alignment. I think it really should be placed on the right side, as Chad-) requested. Personally, i don't like dropdowns and got rid of them wherever possible. Is there a way to get rid of that dropdown arrow (the menu shows on right click anyway)?
TIA.
Zoolcar9
Posts: 2225
Joined: November 9th, 2004, 6:45 pm
Location: Jakarta, Indonesia (UTC+7)
Contact:

Post by Zoolcar9 »

makondo wrote:the New Tab button - i have a multitab homepage but the button opens only the first URL out of 5. Any place i can edit this and have it open all 5 tabs as a homepage?

It fixed now, thanks
  • <a href="custombutton://New%20Tab%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAEG0lEQVR4AQEQBO/7Af///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAUm6KjAEBAE4AAAElAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/9v//wCyrpJ2dAAAAAAA////AAAAAANOaobc2t7e//r58v/6+fL/+fjx//n48P/59/D/+Pfv//f27v/39u7/19za/05qhtwAAAAD////AAQAAAAAAAAAAf7+/yMhHBYA8fHvAPz79QD///0ACQkJAP/+/wD/AP4A/f3+AAQEBQAgGhEA/v7/IwAAAAEAAAAAAgAAAAAAAAAB/f39AAEBAgACAv8A3O4QAAMCAwD+/foA/f35AP37+QD8+/cA9vXwAAD/AAD9/f0AAAAAAQAAAAAEAAAAAAAAAAD9/f0A/v72AAcGBgDv6vIACBwLAMzX2gDu8fcA///+AA4JBACb3poA6P3oAOIN/wAAAAAAAAAAAAQAAAAAAAAAAAAAAAACAgkABAT5AEc7FQD8/PkALCIVAP38/wD/AP4A/Pr5AN7S3QCVa4gASXhnAAAAAAUAAAD7BE1phv9MaIUAAAAAAAECAgABAfkA/vz4AP37+wAHBAQA/QH+AHfBiQDS69YA/v39ALf0twAAAQAAEnkg9R5yNwAE8/T0AL6fdgAAAAIA/fvvAP/++gD///4AAQEBAAEBAgD8/PsAz+nUAG9jZQDH7ssA4/jnAFl3OwBeEF4AR3dmAAE8WXb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/+/QDbErgA9gjsAAAAAABBYCoAv6DWAAAAAAAK+BQAAAAAACEAAAAhAAAAIQAAACEAAAAhAAAAIQAAACEAAAAhAAAAJQAAADsAAABGAHQA00LlO/8AdADTAAAARgAAADsEAAAA5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA5QAAAAcA/ADQvpHF/AD8ANQAAADLAAAA+QH///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBBQAAABkAAAALAAAA9QAAAOf////7Af///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBBQAAAAEAAAD/////+wAAAACNbPvgsXjtOgAAAABJRU5ErkJggg%3D%3D%5D%5B/*%20-------------------------------------------------------------%0A%20%20%20%20%20New%20Tab%20button%20menu%0A%20%20%20%20%20Opens%20a%20new%20tab%20with%20choices%0A%0A%20%20%20%20%20Changelog%3A%0A%20%20%20%20%20-%20Added%20drag%20and%20drag%20support%0A%20%20%20%20%20-%20Fixed%20open%20tabs%20for%20multiple%20home%20pages%0A%20%20%20-------------------------------------------------------------%20*/%0A%0A%5D%5Bthis.newTab%20%3D%20function%28url%29%20%7B%0A%20%20gBrowser.selectedTab%20%3D%20gBrowser.addTab%28url%29%3B%0A%20%20if%28url%20%3D%3D%20%22home%22%29%20BrowserHome%28%29%3B%0A%7D%0A%0Avar%20mPopup%20%3D%20document.createElement%28%22menupopup%22%29%3B%0AmPopup.setAttribute%28%22onpopupshowing%22%2C%0A%20%20%22var%20paste%20%3D%20readFromClipboard%28%29%3B%20%22%20+%0A%20%20%22this.lastChild.setAttribute%28%27disabled%27%2C%20%21paste%20%3F%20true%20%3A%20false%29%3B%22%0A%20%20%29%3B%0A%0Afunction%20addMenuitem%28label%2C%20url%2C%20obj%29%20%7B%0A%20%20var%20mItem%20%3D%20document.createElement%28%22menuitem%22%29%3B%0A%20%20mItem.setAttribute%28%22label%22%2C%20label%29%3B%0A%20%20mItem.func%20%3D%20obj.newTab.bind%28obj%29%3B%0A%20%20mItem.setAttribute%28%22oncommand%22%2C%20%22this.func%28%22%20+%20url%20+%20%22%29%22%29%3B%0A%20%20mPopup.appendChild%28mItem%29%3B%0A%7D%0A%0AaddMenuitem%28%22Blank%20Tab%22%2C%20null%2C%20this%29%3B%0AaddMenuitem%28%22Current%20Tab%22%2C%20%22content.location%22%2C%20this%29%3B%0AaddMenuitem%28%22Home%20Page%22%2C%20%22%27home%27%22%2C%20this%29%3B%0AmPopup.appendChild%28document.createElement%28%22menuseparator%22%29%29%3B%0AaddMenuitem%28%22From%20Clipboard%22%2C%20%22readFromClipboard%28%29%22%2C%20this%29%3B%0A%0Athis.appendChild%28mPopup%29%3B%0Athis.type%20%3D%20%22menu%22%3B%0A%0Athis.setAttribute%28%22ondragover%22%2C%0A%20%20%22nsDragAndDrop.dragOver%28event%2C%20newTabButtonObserver%29%22%29%3B%0A%0Athis.setAttribute%28%22ondragdrop%22%2C%0A%20%20%22nsDragAndDrop.drop%28event%2C%20newTabButtonObserver%29%22%29%3B%0A%0Athis.setAttribute%28%22ondragexit%22%2C%0A%20%20%22nsDragAndDrop.dragExit%28event%2C%20newTabButtonObserver%29%22%29%3B%0A%0A">New Tab Button menu</a>
makondo wrote:Also, the dropdown pushes the image (icon) way out of alignment. I think it really should be placed on the right side, as Chad-) requested. Personally, i don't like dropdowns and got rid of them wherever possible.

Actually, I also hide the dropdown on all toolbarbuttons with type=menu (not the toolbarbuttons with type=menu-button), by adding this code to userChrome.css/Stylish

Code: Select all

.toolbarbutton-menu-dropmarker {
  display: none;
}


makondo wrote:Is there a way to get rid of that dropdown arrow (the menu shows on right click anyway)?

<a href="custombutton://New%20Tab%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAEG0lEQVR4AQEQBO/7Af///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAUm6KjAEBAE4AAAElAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/9v//wCyrpJ2dAAAAAAA////AAAAAANOaobc2t7e//r58v/6+fL/+fjx//n48P/59/D/+Pfv//f27v/39u7/19za/05qhtwAAAAD////AAQAAAAAAAAAAf7+/yMhHBYA8fHvAPz79QD///0ACQkJAP/+/wD/AP4A/f3+AAQEBQAgGhEA/v7/IwAAAAEAAAAAAgAAAAAAAAAB/f39AAEBAgACAv8A3O4QAAMCAwD+/foA/f35AP37+QD8+/cA9vXwAAD/AAD9/f0AAAAAAQAAAAAEAAAAAAAAAAD9/f0A/v72AAcGBgDv6vIACBwLAMzX2gDu8fcA///+AA4JBACb3poA6P3oAOIN/wAAAAAAAAAAAAQAAAAAAAAAAAAAAAACAgkABAT5AEc7FQD8/PkALCIVAP38/wD/AP4A/Pr5AN7S3QCVa4gASXhnAAAAAAUAAAD7BE1phv9MaIUAAAAAAAECAgABAfkA/vz4AP37+wAHBAQA/QH+AHfBiQDS69YA/v39ALf0twAAAQAAEnkg9R5yNwAE8/T0AL6fdgAAAAIA/fvvAP/++gD///4AAQEBAAEBAgD8/PsAz+nUAG9jZQDH7ssA4/jnAFl3OwBeEF4AR3dmAAE8WXb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/+/QDbErgA9gjsAAAAAABBYCoAv6DWAAAAAAAK+BQAAAAAACEAAAAhAAAAIQAAACEAAAAhAAAAIQAAACEAAAAhAAAAJQAAADsAAABGAHQA00LlO/8AdADTAAAARgAAADsEAAAA5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA5QAAAAcA/ADQvpHF/AD8ANQAAADLAAAA+QH///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBBQAAABkAAAALAAAA9QAAAOf////7Af///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBBQAAAAEAAAD/////+wAAAACNbPvgsXjtOgAAAABJRU5ErkJggg%3D%3D%5D%5B/*%20-------------------------------------------------------------%0A%20%20%20%20%20New%20Tab%20button%20with%20context%0A%20%20%20%20%20Opens%20a%20new%20tab%20with%20choices%20on%20context%20menu%0A%20%20%20-------------------------------------------------------------%20*/%0A%0ABrowserOpenTab%28%29%3B%0A%0A%5D%5Bvar%20test%20%3D%20document.getElementById%28%22cbContext-newTab%22%29%3B%0Aif%28test%29%20test.parentNode.removeChild%28test%29%3B%0A%0Athis.newTab%20%3D%20function%28url%29%20%7B%0A%20%20gBrowser.selectedTab%20%3D%20gBrowser.addTab%28url%29%3B%0A%20%20if%28url%20%3D%3D%20%22home%22%29%20BrowserHome%28%29%3B%0A%7D%0A%0Avar%20mPopup%20%3D%20document.createElement%28%22popup%22%29%3B%0AmPopup.id%20%3D%20%22cbContext-newTab%22%3B%0AmPopup.setAttribute%28%22onpopupshowing%22%2C%0A%20%20%22var%20paste%20%3D%20readFromClipboard%28%29%3B%20%22%20+%0A%20%20%22this.lastChild.previousSibling.previousSibling%22%20+%0A%20%20%22.setAttribute%28%27disabled%27%2C%20%21paste%20%3F%20true%20%3A%20false%29%3B%22%0A%29%3B%0A%0Afunction%20addMenuitem%28label%2C%20url%2C%20obj%29%20%7B%0A%20%20var%20mItem%20%3D%20document.createElement%28%22menuitem%22%29%3B%0A%20%20mItem.setAttribute%28%22label%22%2C%20label%29%3B%0A%20%20mItem.func%20%3D%20obj.newTab.bind%28obj%29%3B%0A%20%20mItem.setAttribute%28%22oncommand%22%2C%20%22this.func%28%22%20+%20url%20+%20%22%29%22%29%3B%0A%20%20mPopup.appendChild%28mItem%29%3B%0A%7D%0A%0AaddMenuitem%28%22Blank%20Tab%22%2C%20null%2C%20this%29%3B%0AaddMenuitem%28%22Current%20Tab%22%2C%20%22content.location%22%2C%20this%29%3B%0AaddMenuitem%28%22Home%20Page%22%2C%20%22%27home%27%22%2C%20this%29%3B%0AmPopup.appendChild%28document.createElement%28%22menuseparator%22%29%29%3B%0AaddMenuitem%28%22From%20Clipboard%22%2C%20%22readFromClipboard%28%29%22%2C%20this%29%3B%0AmPopup.appendChild%28document.createElement%28%22menuseparator%22%29%29%3B%0A%0Avar%20cbPopup%20%3D%20document.getElementById%28%22custombuttons-contextpopup%22%29.cloneNode%28true%29%3B%0Avar%20cbItems%20%3D%20cbPopup.childNodes.length%3B%0A%0Avar%20subPopup%20%3D%20document.createElement%28%22menupopup%22%29%3B%0Afor%28var%20i%20%3D%200%3B%20i%20%3C%20cbItems%3B%20i++%29%20%7B%0A%20%20subPopup.appendChild%28cbPopup.firstChild%29%3B%0A%7D%0A%0Avar%20subMenu%20%3D%20document.createElement%28%22menu%22%29%3B%0AsubMenu.setAttribute%28%22label%22%2C%20%22Custom%20Button%22%29%3B%0AsubMenu.appendChild%28subPopup%29%3B%0A%0AmPopup.appendChild%28subMenu%29%3B%0Adocument.getElementById%28%22mainPopupSet%22%29.appendChild%28mPopup%29%3B%0Athis.setAttribute%28%22context%22%2C%20mPopup.id%29%3B%0A%0A">New Tab Button with context menu</a>
Last edited by Zoolcar9 on June 28th, 2006, 2:12 pm, edited 1 time in total.
My Firefox information | Add-ons | GitHub

"With great power, comes great desire to show it off."
Old Makondo
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Makondo »

Thank you! This is much, much better. One problem left though. If i click on Homepage, i do get all my tabs + an extra blank 'Untitled' one.
I like the cascading menus - really neat, thanks a lot!

PS. Yes, i use a code too but it's tricky here - i have a customized theme, buttons look different (padded 3D) here and take a bit more space. Some custombuttons (including this one) have to go to bkmrks toolbar, i also have some (from LI) that have to have a dropdown (like Chrome Editor and Ext. Manager).
Chad-)
Posts: 166
Joined: August 29th, 2005, 7:01 am

Post by Chad-) »

Zoolcar
thanks for pointing me to the stop/reload userstyle. I had this before but I must have reset the toolbar and forgot all about the correct order of the buttons. Now it's OK. Thanks also to dougeeebear who wrote it!!

Also these buttons can be made to control gresemonkey userscripts can't they? Do they need to be loaded in the background?
old nicholas.alipaz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Custom Toolbar Toggle Button

Post by old nicholas.alipaz »

A Custom Toolbar Toggle Button

I got the code for this button from here, a big thanks to RDL who posted it.

I made a nice little button that rotates through the user's specified toolbars. Here is what it looks like. The button on the right-hand side is the Custom Toolbar Toggle Button:

Image

However you must edit the buttons code, in order for it to function properly!

Here is what you need to do:
  1. Click the appropriate button for the number of toolbars you will be toggling,
    • <a href="custombutton://Toggle%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QQeEBI4h7HKbQAAArlJREFUOMtNk1lIlFEcxX/33nE0jZIWqbQQK8EIQygrKyoNCgpNyECyXiohs4UMiwqTDG3BHlpoUXoI0TaiTPChJFO0oKikFXEpSM2txsal+cb5bg/fxzgP9+Vyzvmf/zn3ioG2rsrCzpuZv00XAFprhBAoIRFI6w6NqU1MbQIghCBYOjkclVElcp+d1lfbqgBAhRAdOpfv7k7AB9IBCNA+MA3CJ89DmD7+jPaAUsxxz0W69BAIBUKSn5BD544a9i3KskgIEAK0JnJqLK0Zj2jaXI7TGQ7SQbfRi5RIEJbVP8O9AFxdlc/8GXFgesEcByG4kpTHzJBwfo0NYfgMiyOkvSSAUJS1PuBpRwNSKcpXnrKmj4+RGbOV9OgUDMPDgVcloA3LnT8lhKVoeslpKmZg2MW6qER2xWagQqZTtuYkAEdel/J5sAWkssQhwIHWIAQ/3e1kN58F4MqK41SuOU9YSBi17fVc+1oBwmlhtQ4U0KB9bIjZSGPafZoHP3LvSy1TJoWyPTYFw/OP7DcXKVt/gVurCkCbFgcd4ADN5ohlrI5MoDHlOoc+lOLyDgOQXneM1Mgk9sRuITV6I+HB0/0sx4SApODdDdKik1kYEcPeBanEP8li7ewEvrnaqd50CYDcV8W4PP3gCA5cQYBUuD19ZL88AxqKEg8ShqLi3W2qks+hpOLOl2oedtSADLKrF6glO1cWtrjarWSRdLg7meyYStKseFZMi8dUoexbvI3uoR7S648yOj46ITAS2ALYIlDUcpMfQ10snRVH+Tqrwry3lxkY6bHJYoKi7TTtXwIqiL9jfex+UegH3flYzd22xyCdIKX9iOwWgqQDhLYPFsDhpK6vkROfbvPe3cH+llJb3H5AfrxE1DQ8r9z9uiSzd7zfHwzaBz4vmIY1SDpAOe0V7elCsnwkruo/EOgBr8zdrwsAAAAASUVORK5CYII%3D%5D%5B/*%20CODE%20*/%0A//%20%20First%3B%0A%0Afunction%20swapBars%20%28%20thisButton%2C%20%20thisBar%2C%20%20nextBar%20%29%0A%0A%7B%0A//%20%20Function%3A%0A//%20%0A//%20%20%20%20%20%20Support%20for%20a%20CTB%20button%20which%20shows%20each%20toolbar%20in%20turn%0A%0A//%0A//%20%20Actions%3A%0A//%0A//%20%20%20%20%20%20detect%20if%20a%20specified%20%20toolbar%20is%20currently%20showing.%0A//%20%20%20%20%20%20Iif%20it%20is%2C%20then%20toggle%20it%20off%20and%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ensure%20another%20specified%20toolbar%20is%20visible.%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20with%20exactly%20one%20copy%20of%20the%20CTB%20button%20on%20it.%0A//%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20and%20return%20bool%20value%20true%0A//%20%20%20%20%20else%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20no%20action%20except%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20bool%20value%20false%0A//%0A//%20%20Parameters%3A%0A//%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20The%20CTB%20button%20currency%2C%20always%20supplied%20as%20%3Cthis%3E%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Id%20%20of%20the%20toolbar%20to%20be%20checked%2C%20in%20quotes%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%20of%20the%20toolbar%20to%20be%20made%20visible%20in%20its%20place%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28%20if%20appropriate%29%20also%20in%20quotes.%0A//%0A//%20%20Return%20mode%3A%20Bool/Logical%3B%20true%20if%20and%20only%20if%20action%20was%20taken.%0A//%0A//%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A//%20%20NOTE%3A%20If%20you%20created%20your%20CTB%20button%20on%20another%20bar%20than%20the%20Menubar%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20then%20you%20will%20need%20to%20change%20the%20toolbar%20id%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20in%20the%20lines%20where%20%22toolbar-menubar%22%20occurs.%0A//%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20var%20old_toolbar%3B%0A%20%20%20var%20new_toolbar%3B%0A%20%20%20var%20uncollapsed%0A%0A%20%20%20if%20%28%20%20old_toolbar%20%3D%20document.getElementById%28%20thisBar%20%29%2C%0A%20%20%20%20%20%20%20%20uncollapsed%20%3D%20%21old_toolbar.collapsed%0A%20%20%20%20%20%20%29%0A%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20//%20%20Target%20toolbar%20is%20showing%0A%0A%20%20%20%20%20%20%20//%20%20Show%20the%20replacement%20toolbar%0A%0A%20%20%20%20%20%20%20%20new_toolbar%20%3D%20document.getElementById%28nextBar%29%3B%0A%20%20%20%20%20%20%20%20new_toolbar.collapsed%20%3D%20%21uncollapsed%3B%0A%0A%20%20%20%20%20%20%20%20//%20%20Copy%20this%20button%20to%20the%20newly%20revealed%20toolbar%2C%20unless%20it%20is%20the%20INSERTTOOLBARID1%0A%0A%20%20%20%20%20%20%20%20if%20%28nextBar%20%21%3D%20%22INSERTTOOLBARID1%22%29%20new_toolbar.appendChild%28thisButton.cloneNode%28true%29%29%3B%0A%0A%20%20%20%20%20%20%20//%20%20Remove%20%20this%20button%20from%20%20the%20about-to-be-hidden%20%20toolbar%2C%20unless%20it%20is%20the%20INSERTTOOLBARID1%0A%0A%20%20%20%20%20%20%20%20if%28thisBar%20%21%3D%20%22INSERTTOOLBARID1%22%29%20old_toolbar.removeChild%28thisButton%29%3B%0A%0A%20%20%20%20%20%20%20//%20%20Hide%20the%20target%20toolbar%0A%0A%20%20%20%20%20%20%20old_toolbar.collapsed%20%3D%20uncollapsed%3B%20%20%20%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20return%20uncollapsed%20%20//%20%20True%20iff%20target%20was%20showing%20and%20has%20been%20%28possibly%29%20replaced.%0A%0A%7D%0A%0A//%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A//%20%20Then%20this%20bit%20uses%20the%20function%20to%20rotate%20an%20example%20subset%20of%20bars.%0A//%20%20Hopefully%2C%20the%20code%20which%20follows%20will%20be%20easy%20to%20change%20for%20new/removed%20%20toolbars.%0A//%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0Aif%20%20%20%20%20%20%20%20%20%28%20swapBars%28%20%20this%2C%20%22INSERTTOOLBARID1%22%2C%20%22INSERTTOOLBARID2%22%20%29%20%29%20%7B%7D%0Aelse%20if%20%28%20swapBars%28%20this%2C%22INSERTTOOLBARID2%22%2C%20%22INSERTTOOLBARID1%22%20%29%20%29%20%7B%7D%0A%0A//%20%5E%5ETHIS%20LAST%20SECTION%20CAN%20GO%20ON%20FOREVER%0A//%20JUST%20BE%20SURE%20TO%20END%20THE%20CODE%20WITH%3A%0A//%20else%20if%20%28%20swapBars%28%20this%2C%22INSERTLASTTOOLBARID%22%2C%20%22INSERTTOOLBARID1%22%20%29%20%29%20%7B%7D%5D%5B/*Initialization%20Code*/">Custom Toolbar Toggle Button for 2 toolbars</a>
    • <a href="custombutton://Toggle%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QQeEBI4h7HKbQAAArlJREFUOMtNk1lIlFEcxX/33nE0jZIWqbQQK8EIQygrKyoNCgpNyECyXiohs4UMiwqTDG3BHlpoUXoI0TaiTPChJFO0oKikFXEpSM2txsal+cb5bg/fxzgP9+Vyzvmf/zn3ioG2rsrCzpuZv00XAFprhBAoIRFI6w6NqU1MbQIghCBYOjkclVElcp+d1lfbqgBAhRAdOpfv7k7AB9IBCNA+MA3CJ89DmD7+jPaAUsxxz0W69BAIBUKSn5BD544a9i3KskgIEAK0JnJqLK0Zj2jaXI7TGQ7SQbfRi5RIEJbVP8O9AFxdlc/8GXFgesEcByG4kpTHzJBwfo0NYfgMiyOkvSSAUJS1PuBpRwNSKcpXnrKmj4+RGbOV9OgUDMPDgVcloA3LnT8lhKVoeslpKmZg2MW6qER2xWagQqZTtuYkAEdel/J5sAWkssQhwIHWIAQ/3e1kN58F4MqK41SuOU9YSBi17fVc+1oBwmlhtQ4U0KB9bIjZSGPafZoHP3LvSy1TJoWyPTYFw/OP7DcXKVt/gVurCkCbFgcd4ADN5ohlrI5MoDHlOoc+lOLyDgOQXneM1Mgk9sRuITV6I+HB0/0sx4SApODdDdKik1kYEcPeBanEP8li7ewEvrnaqd50CYDcV8W4PP3gCA5cQYBUuD19ZL88AxqKEg8ShqLi3W2qks+hpOLOl2oedtSADLKrF6glO1cWtrjarWSRdLg7meyYStKseFZMi8dUoexbvI3uoR7S648yOj46ITAS2ALYIlDUcpMfQ10snRVH+Tqrwry3lxkY6bHJYoKi7TTtXwIqiL9jfex+UegH3flYzd22xyCdIKX9iOwWgqQDhLYPFsDhpK6vkROfbvPe3cH+llJb3H5AfrxE1DQ8r9z9uiSzd7zfHwzaBz4vmIY1SDpAOe0V7elCsnwkruo/EOgBr8zdrwsAAAAASUVORK5CYII%3D%5D%5B/*%20CODE%20*/%0A//%20%20First%3B%0A%0Afunction%20swapBars%20%28%20thisButton%2C%20%20thisBar%2C%20%20nextBar%20%29%0A%0A%7B%0A//%20%20Function%3A%0A//%20%0A//%20%20%20%20%20%20Support%20for%20a%20CTB%20button%20which%20shows%20each%20toolbar%20in%20turn%0A%0A//%0A//%20%20Actions%3A%0A//%0A//%20%20%20%20%20%20detect%20if%20a%20specified%20%20toolbar%20is%20currently%20showing.%0A//%20%20%20%20%20%20Iif%20it%20is%2C%20then%20toggle%20it%20off%20and%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ensure%20another%20specified%20toolbar%20is%20visible.%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20with%20exactly%20one%20copy%20of%20the%20CTB%20button%20on%20it.%0A//%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20and%20return%20bool%20value%20true%0A//%20%20%20%20%20else%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20no%20action%20except%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20bool%20value%20false%0A//%0A//%20%20Parameters%3A%0A//%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20The%20CTB%20button%20currency%2C%20always%20supplied%20as%20%3Cthis%3E%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Id%20%20of%20the%20toolbar%20to%20be%20checked%2C%20in%20quotes%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%20of%20the%20toolbar%20to%20be%20made%20visible%20in%20its%20place%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28%20if%20appropriate%29%20also%20in%20quotes.%0A//%0A//%20%20Return%20mode%3A%20Bool/Logical%3B%20true%20if%20and%20only%20if%20action%20was%20taken.%0A//%0A//%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A//%20%20NOTE%3A%20If%20you%20created%20your%20CTB%20button%20on%20another%20bar%20than%20the%20Menubar%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20then%20you%20will%20need%20to%20change%20the%20toolbar%20id%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20in%20the%20lines%20where%20%22toolbar-menubar%22%20occurs.%0A//%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20var%20old_toolbar%3B%0A%20%20%20var%20new_toolbar%3B%0A%20%20%20var%20uncollapsed%0A%0A%20%20%20if%20%28%20%20old_toolbar%20%3D%20document.getElementById%28%20thisBar%20%29%2C%0A%20%20%20%20%20%20%20%20uncollapsed%20%3D%20%21old_toolbar.collapsed%0A%20%20%20%20%20%20%29%0A%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20//%20%20Target%20toolbar%20is%20showing%0A%0A%20%20%20%20%20%20%20//%20%20Show%20the%20replacement%20toolbar%0A%0A%20%20%20%20%20%20%20%20new_toolbar%20%3D%20document.getElementById%28nextBar%29%3B%0A%20%20%20%20%20%20%20%20new_toolbar.collapsed%20%3D%20%21uncollapsed%3B%0A%0A%20%20%20%20%20%20%20%20//%20%20Copy%20this%20button%20to%20the%20newly%20revealed%20toolbar%2C%20unless%20it%20is%20the%20INSERTTOOLBARID1%0A%0A%20%20%20%20%20%20%20%20if%20%28nextBar%20%21%3D%20%22INSERTTOOLBARID1%22%29%20new_toolbar.appendChild%28thisButton.cloneNode%28true%29%29%3B%0A%0A%20%20%20%20%20%20%20//%20%20Remove%20%20this%20button%20from%20%20the%20about-to-be-hidden%20%20toolbar%2C%20unless%20it%20is%20the%20INSERTTOOLBARID1%0A%0A%20%20%20%20%20%20%20%20if%28thisBar%20%21%3D%20%22INSERTTOOLBARID1%22%29%20old_toolbar.removeChild%28thisButton%29%3B%0A%0A%20%20%20%20%20%20%20//%20%20Hide%20the%20target%20toolbar%0A%0A%20%20%20%20%20%20%20old_toolbar.collapsed%20%3D%20uncollapsed%3B%20%20%20%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20return%20uncollapsed%20%20//%20%20True%20iff%20target%20was%20showing%20and%20has%20been%20%28possibly%29%20replaced.%0A%0A%7D%0A%0A//%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A//%20%20Then%20this%20bit%20uses%20the%20function%20to%20rotate%20an%20example%20subset%20of%20bars.%0A//%20%20Hopefully%2C%20the%20code%20which%20follows%20will%20be%20easy%20to%20change%20for%20new/removed%20%20toolbars.%0A//%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0Aif%20%20%20%20%20%20%20%20%20%28%20swapBars%28%20%20this%2C%20%22INSERTTOOLBARID1%22%2C%20%22INSERTTOOLBARID2%22%20%29%20%29%20%7B%7D%0Aelse%20if%20%28%20swapBars%28%20this%2C%22INSERTTOOLBARID2%22%2C%20%22INSERTTOOLBARID3%22%20%29%20%29%20%7B%7D%0Aelse%20if%20%28%20swapBars%28%20this%2C%22INSERTTOOLBARID3%22%2C%20%22INSERTTOOLBARID1%22%20%29%20%29%20%7B%7D%0A%0A//%20%5E%5ETHIS%20LAST%20SECTION%20CAN%20GO%20ON%20FOREVER%0A//%20JUST%20BE%20SURE%20TO%20END%20THE%20CODE%20WITH%3A%0A//%20else%20if%20%28%20swapBars%28%20this%2C%22INSERTLASTTOOLBARID%22%2C%20%22INSERTTOOLBARID1%22%20%29%20%29%20%7B%7D%5D%5B/*Initialization%20Code*/">Custom Toolbar Toggle Button for 3 toolbars</a>
    • <a href="custombutton://Toggle%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QQeEBI4h7HKbQAAArlJREFUOMtNk1lIlFEcxX/33nE0jZIWqbQQK8EIQygrKyoNCgpNyECyXiohs4UMiwqTDG3BHlpoUXoI0TaiTPChJFO0oKikFXEpSM2txsal+cb5bg/fxzgP9+Vyzvmf/zn3ioG2rsrCzpuZv00XAFprhBAoIRFI6w6NqU1MbQIghCBYOjkclVElcp+d1lfbqgBAhRAdOpfv7k7AB9IBCNA+MA3CJ89DmD7+jPaAUsxxz0W69BAIBUKSn5BD544a9i3KskgIEAK0JnJqLK0Zj2jaXI7TGQ7SQbfRi5RIEJbVP8O9AFxdlc/8GXFgesEcByG4kpTHzJBwfo0NYfgMiyOkvSSAUJS1PuBpRwNSKcpXnrKmj4+RGbOV9OgUDMPDgVcloA3LnT8lhKVoeslpKmZg2MW6qER2xWagQqZTtuYkAEdel/J5sAWkssQhwIHWIAQ/3e1kN58F4MqK41SuOU9YSBi17fVc+1oBwmlhtQ4U0KB9bIjZSGPafZoHP3LvSy1TJoWyPTYFw/OP7DcXKVt/gVurCkCbFgcd4ADN5ohlrI5MoDHlOoc+lOLyDgOQXneM1Mgk9sRuITV6I+HB0/0sx4SApODdDdKik1kYEcPeBanEP8li7ewEvrnaqd50CYDcV8W4PP3gCA5cQYBUuD19ZL88AxqKEg8ShqLi3W2qks+hpOLOl2oedtSADLKrF6glO1cWtrjarWSRdLg7meyYStKseFZMi8dUoexbvI3uoR7S648yOj46ITAS2ALYIlDUcpMfQ10snRVH+Tqrwry3lxkY6bHJYoKi7TTtXwIqiL9jfex+UegH3flYzd22xyCdIKX9iOwWgqQDhLYPFsDhpK6vkROfbvPe3cH+llJb3H5AfrxE1DQ8r9z9uiSzd7zfHwzaBz4vmIY1SDpAOe0V7elCsnwkruo/EOgBr8zdrwsAAAAASUVORK5CYII%3D%5D%5B/*%20CODE%20*/%0A//%20%20First%3B%0A%0Afunction%20swapBars%20%28%20thisButton%2C%20%20thisBar%2C%20%20nextBar%20%29%0A%0A%7B%0A//%20%20Function%3A%0A//%20%0A//%20%20%20%20%20%20Support%20for%20a%20CTB%20button%20which%20shows%20each%20toolbar%20in%20turn%0A%0A//%0A//%20%20Actions%3A%0A//%0A//%20%20%20%20%20%20detect%20if%20a%20specified%20%20toolbar%20is%20currently%20showing.%0A//%20%20%20%20%20%20Iif%20it%20is%2C%20then%20toggle%20it%20off%20and%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ensure%20another%20specified%20toolbar%20is%20visible.%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20with%20exactly%20one%20copy%20of%20the%20CTB%20button%20on%20it.%0A//%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20and%20return%20bool%20value%20true%0A//%20%20%20%20%20else%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20no%20action%20except%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20bool%20value%20false%0A//%0A//%20%20Parameters%3A%0A//%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20The%20CTB%20button%20currency%2C%20always%20supplied%20as%20%3Cthis%3E%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Id%20%20of%20the%20toolbar%20to%20be%20checked%2C%20in%20quotes%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%20of%20the%20toolbar%20to%20be%20made%20visible%20in%20its%20place%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28%20if%20appropriate%29%20also%20in%20quotes.%0A//%0A//%20%20Return%20mode%3A%20Bool/Logical%3B%20true%20if%20and%20only%20if%20action%20was%20taken.%0A//%0A//%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A//%20%20NOTE%3A%20If%20you%20created%20your%20CTB%20button%20on%20another%20bar%20than%20the%20Menubar%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20then%20you%20will%20need%20to%20change%20the%20toolbar%20id%0A//%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20in%20the%20lines%20where%20%22toolbar-menubar%22%20occurs.%0A//%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20var%20old_toolbar%3B%0A%20%20%20var%20new_toolbar%3B%0A%20%20%20var%20uncollapsed%0A%0A%20%20%20if%20%28%20%20old_toolbar%20%3D%20document.getElementById%28%20thisBar%20%29%2C%0A%20%20%20%20%20%20%20%20uncollapsed%20%3D%20%21old_toolbar.collapsed%0A%20%20%20%20%20%20%29%0A%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20//%20%20Target%20toolbar%20is%20showing%0A%0A%20%20%20%20%20%20%20//%20%20Show%20the%20replacement%20toolbar%0A%0A%20%20%20%20%20%20%20%20new_toolbar%20%3D%20document.getElementById%28nextBar%29%3B%0A%20%20%20%20%20%20%20%20new_toolbar.collapsed%20%3D%20%21uncollapsed%3B%0A%0A%20%20%20%20%20%20%20%20//%20%20Copy%20this%20button%20to%20the%20newly%20revealed%20toolbar%2C%20unless%20it%20is%20the%20INSERTTOOLBARID1%0A%0A%20%20%20%20%20%20%20%20if%20%28nextBar%20%21%3D%20%22INSERTTOOLBARID1%22%29%20new_toolbar.appendChild%28thisButton.cloneNode%28true%29%29%3B%0A%0A%20%20%20%20%20%20%20//%20%20Remove%20%20this%20button%20from%20%20the%20about-to-be-hidden%20%20toolbar%2C%20unless%20it%20is%20the%20INSERTTOOLBARID1%0A%0A%20%20%20%20%20%20%20%20if%28thisBar%20%21%3D%20%22INSERTTOOLBARID1%22%29%20old_toolbar.removeChild%28thisButton%29%3B%0A%0A%20%20%20%20%20%20%20//%20%20Hide%20the%20target%20toolbar%0A%0A%20%20%20%20%20%20%20old_toolbar.collapsed%20%3D%20uncollapsed%3B%20%20%20%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20return%20uncollapsed%20%20//%20%20True%20iff%20target%20was%20showing%20and%20has%20been%20%28possibly%29%20replaced.%0A%0A%7D%0A%0A//%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A//%20%20Then%20this%20bit%20uses%20the%20function%20to%20rotate%20an%20example%20subset%20of%20bars.%0A//%20%20Hopefully%2C%20the%20code%20which%20follows%20will%20be%20easy%20to%20change%20for%20new/removed%20%20toolbars.%0A//%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0Aif%20%20%20%20%20%20%20%20%20%28%20swapBars%28%20%20this%2C%20%22INSERTTOOLBARID1%22%2C%20%22INSERTTOOLBARID2%22%20%29%20%29%20%7B%7D%0Aelse%20if%20%28%20swapBars%28%20this%2C%22INSERTTOOLBARID2%22%2C%20%22INSERTTOOLBARID3%22%20%29%20%29%20%7B%7D%0Aelse%20if%20%28%20swapBars%28%20this%2C%22INSERTTOOLBARID3%22%2C%20%22INSERTTOOLBARID4%22%20%29%20%29%20%7B%7D%0Aelse%20if%20%28%20swapBars%28%20this%2C%22INSERTTOOLBARID4%22%2C%20%22INSERTTOOLBARID1%22%20%29%20%29%20%7B%7D%0A%0A//%20%5E%5ETHIS%20LAST%20SECTION%20CAN%20GO%20ON%20FOREVER%0A//%20JUST%20BE%20SURE%20TO%20END%20THE%20CODE%20WITH%3A%0A//%20else%20if%20%28%20swapBars%28%20this%2C%22INSERTLASTTOOLBARID%22%2C%20%22INSERTTOOLBARID1%22%20%29%20%29%20%7B%7D%5D%5B/*Initialization%20Code*/">Custom Toolbar Toggle Button for 4 toolbars</a>
  2. In Firefox goto View -> Toolbars -> Customize
  3. Add the new button to the Toolbar you would like to show by default
  4. After adding the button to the appropriate toolbar, click Done
  5. Right-click on the Button and click Edit
  6. Look through the code and replace any of the code that says, INSERTTOOLBARID# with an appropriate toolbar id.
    Here are some of the more popular toolbar id's for your use:

    • Menu Bar ID: toolbar-menubar
    • Navigation Toolbar ID: nav-bar
    • Bookmarks Toolbar ID: PersonalToolbar
    • Web Developer Toolbar ID: webdeveloper-toolbar
    • MenuX Message Toolbar ID: menux-messages
    • Any Custom toolbars (toolbars you made) will be formatted like so:
      __customToolbar_NAMEOFTOOLBARWITHOUTSPACES[cAsEsEnSiTiVe]

      ^^ the format is 2 underscores( _ ), the word customToolbar, 1 underscore, and the name of the toolbar without any spaces (case sensitive).
    ^^If the toolbar you are looking for is not in the list above then you will need to use the Dom Inspector to determine it's ID.^^
  7. Click OK and Toggle away!

    *** Note: If you need to toggle more toolbars then you should add some code in the last section of code! It is fairly self-explanatory, just take a look***
Last edited by old nicholas.alipaz on June 29th, 2006, 5:49 am, edited 4 times in total.
cyricpl
Posts: 9
Joined: June 28th, 2006, 5:43 pm
Contact:

Editing Icons

Post by cyricpl »

Hey, I love the extension, but I'm not really a developer myself. So I was wondering, how do you create an image for a button/change the image associated with a button you have?
Zoolcar9
Posts: 2225
Joined: November 9th, 2004, 6:45 pm
Location: Jakarta, Indonesia (UTC+7)
Contact:

Post by Zoolcar9 »

makondo wrote:One problem left though. If i click on Homepage, i do get all my tabs + an extra blank 'Untitled' one.

  • <a href="custombutton://New%20Tab%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAEG0lEQVR4AQEQBO/7Af///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAUm6KjAEBAE4AAAElAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/9v//wCyrpJ2dAAAAAAA////AAAAAANOaobc2t7e//r58v/6+fL/+fjx//n48P/59/D/+Pfv//f27v/39u7/19za/05qhtwAAAAD////AAQAAAAAAAAAAf7+/yMhHBYA8fHvAPz79QD///0ACQkJAP/+/wD/AP4A/f3+AAQEBQAgGhEA/v7/IwAAAAEAAAAAAgAAAAAAAAAB/f39AAEBAgACAv8A3O4QAAMCAwD+/foA/f35AP37+QD8+/cA9vXwAAD/AAD9/f0AAAAAAQAAAAAEAAAAAAAAAAD9/f0A/v72AAcGBgDv6vIACBwLAMzX2gDu8fcA///+AA4JBACb3poA6P3oAOIN/wAAAAAAAAAAAAQAAAAAAAAAAAAAAAACAgkABAT5AEc7FQD8/PkALCIVAP38/wD/AP4A/Pr5AN7S3QCVa4gASXhnAAAAAAUAAAD7BE1phv9MaIUAAAAAAAECAgABAfkA/vz4AP37+wAHBAQA/QH+AHfBiQDS69YA/v39ALf0twAAAQAAEnkg9R5yNwAE8/T0AL6fdgAAAAIA/fvvAP/++gD///4AAQEBAAEBAgD8/PsAz+nUAG9jZQDH7ssA4/jnAFl3OwBeEF4AR3dmAAE8WXb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/+/QDbErgA9gjsAAAAAABBYCoAv6DWAAAAAAAK+BQAAAAAACEAAAAhAAAAIQAAACEAAAAhAAAAIQAAACEAAAAhAAAAJQAAADsAAABGAHQA00LlO/8AdADTAAAARgAAADsEAAAA5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA5QAAAAcA/ADQvpHF/AD8ANQAAADLAAAA+QH///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBBQAAABkAAAALAAAA9QAAAOf////7Af///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBBQAAAAEAAAD/////+wAAAACNbPvgsXjtOgAAAABJRU5ErkJggg%3D%3D%5D%5B/*%20-------------------------------------------------------------%0A%20%20%20%20%20New%20Tab%20button%20menu%0A%20%20%20%20%20Opens%20a%20new%20tab%20with%20choices%0A%0A%20%20%20%20%20Changelog%3A%0A%20%20%20%20%20-%20Added%20drag%20and%20drag%20support%0A%20%20%20%20%20-%20Fixed%20open%20tabs%20for%20multiple%20home%20pages%0A%20%20%20%20%20-%20Fixed%20extra%20blank%20tab%20when%20selecting%20Home%20Page%0A%20%20%20-------------------------------------------------------------%20*/%0A%0A%5D%5Bthis.newTab%20%3D%20function%28url%29%20%7B%0A%20%20if%28url%20%3D%3D%20%22home%22%29%20%7B%0A%20%20%20%20var%20urls%20%3D%20gHomeButton.getHomePage%28%29.split%28%22%7C%22%29%3B%0A%20%20%20%20gBrowser.selectedTab%20%3D%20gBrowser.addTab%28urls%5B0%5D%29%3B%0A%20%20%20%20for%28var%20i%20%3D%201%3B%20i%20%3C%20urls.length%3B%20++i%29%20%7B%0A%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20gBrowser.addTab%28urls%5Bi%5D%29%3B%0A%20%20%20%20%20%20%7D%20catch%20%28ex%29%20%7B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%20else%20gBrowser.selectedTab%20%3D%20gBrowser.addTab%28url%29%3B%0A%7D%0A%0Avar%20mPopup%20%3D%20document.createElement%28%22menupopup%22%29%3B%0AmPopup.setAttribute%28%22onpopupshowing%22%2C%0A%20%20%22var%20paste%20%3D%20readFromClipboard%28%29%3B%20%22%20+%0A%20%20%22this.lastChild.setAttribute%28%27disabled%27%2C%20%21paste%20%3F%20true%20%3A%20false%29%3B%22%0A%20%20%29%3B%0A%0Afunction%20addMenuitem%28label%2C%20url%2C%20obj%29%20%7B%0A%20%20var%20mItem%20%3D%20document.createElement%28%22menuitem%22%29%3B%0A%20%20mItem.setAttribute%28%22label%22%2C%20label%29%3B%0A%20%20mItem.func%20%3D%20obj.newTab.bind%28obj%29%3B%0A%20%20mItem.setAttribute%28%22oncommand%22%2C%20%22this.func%28%22%20+%20url%20+%20%22%29%22%29%3B%0A%20%20mPopup.appendChild%28mItem%29%3B%0A%7D%0A%0AaddMenuitem%28%22Blank%20Tab%22%2C%20null%2C%20this%29%3B%0AaddMenuitem%28%22Current%20Tab%22%2C%20%22content.location%22%2C%20this%29%3B%0AaddMenuitem%28%22Home%20Page%22%2C%20%22%27home%27%22%2C%20this%29%3B%0AmPopup.appendChild%28document.createElement%28%22menuseparator%22%29%29%3B%0AaddMenuitem%28%22From%20Clipboard%22%2C%20%22readFromClipboard%28%29%22%2C%20this%29%3B%0A%0Athis.appendChild%28mPopup%29%3B%0Athis.type%20%3D%20%22menu%22%3B%0A%0Athis.setAttribute%28%22ondragover%22%2C%0A%20%20%22nsDragAndDrop.dragOver%28event%2C%20newTabButtonObserver%29%22%29%3B%0A%0Athis.setAttribute%28%22ondragdrop%22%2C%0A%20%20%22nsDragAndDrop.drop%28event%2C%20newTabButtonObserver%29%22%29%3B%0A%0Athis.setAttribute%28%22ondragexit%22%2C%0A%20%20%22nsDragAndDrop.dragExit%28event%2C%20newTabButtonObserver%29%22%29%3B%0A%0A">Updated New Tab button</a>
    I hope this works
Plus:
  • Bookmarks To
    Bookmark current page to Firefox or online services (del.icio.us, Google BM, etc.)
    // I couldn't post this custombutton: URI cause it exceeded the maximum character

My Firefox information | Add-ons | GitHub

"With great power, comes great desire to show it off."
snwbdr
Posts: 68
Joined: September 2nd, 2005, 6:28 am

Re: Editing Icons

Post by snwbdr »

cyricpl wrote:Hey, I love the extension, but I'm not really a developer myself. So I was wondering, how do you create an image for a button/change the image associated with a button you have?


You just hit edit button where it says image just type in the location of a picture or hit the browse
button to find the picture on your computer. Large buttons are 24X24 pixels in size and small buttons
are 16X16 pixels insize. You can make your own in any paint program. Or you can use an
extensions exisiting buttons by typing the path to the image file. For example If you have
StumbleUpon extension installed you would put in: chrome://stumbleupon/content/skin/logo24.png
for a large button and: chrome://stumbleupon/content/skin/stumble.png for a small button. If you
have an extension just go to your profile folder and in the extensions folder find the button you want
to use. You need to open the jar file, I use Winrar but you could use 7zip it is free or a similar
program. It will always start as chrome:// then the jar file ie stumbleupon.jar would just be
stumbleupon. then you just find the path to the pic you want to use. Inthis case the picture is located
in th "skin" folder which is found in the "content" folder which is found in the stumble upon jar file
which is found in the chrome folder. The chrome folder is found in Stumbleupon folder which is that
folder with the long name of numbers and letters. you don't have to put that in the path just
chrome:// If you want to see what it looks like just type the address into the address bar.
Last edited by snwbdr on June 29th, 2006, 1:27 pm, edited 1 time in total.
snwbdr
Posts: 68
Joined: September 2nd, 2005, 6:28 am

Post by snwbdr »

edit: I think because the button had addresses in it the linking would not work. so if you want to make the button, just type this in under the code tab

Code: Select all

/* --------------------------------------------------------
     Linksys
     left click WRT54GS, right click BEFCMU10,
     and middle click LinksysInfo.org
   -------------------------------------------------------- */


under initialization code tab

Code: Select all

this.textResize = function(evt) {
  switch(evt.button) {
    case 0:
      openNewTabWith('http://192.168.1.1');
      break;
    case 1:
      openNewTabWith('http://www.linksysinfo.org');
      break;
    case 2:
      openNewTabWith('http://192.168.100.1');
  }
}


this.showPopup = function(node) {
  var popup = document.getElementById("custombuttons-contextpopup");
  var x = node.boxObject.x;
  var y = node.boxObject.y + node.boxObject.height;
  document.popupNode = node;
  popup.showPopup(node, x, y, "popup", null, null);
}

this.setAttribute("onclick", "this.textResize(event);");
this.setAttribute("onmouseover", "this.showPopup(this);");

this.removeAttribute("context");



and for the image put

Code: Select all

http://www.linksysinfo.org/favicon.ico



I use this button for quick access to my router, my modem and LinksysInfo.org. Left click goes to http://192.168.1.1/ or my router.
right click goes to http://192.168.100.1/ or my modem. And middle click goes to http://www.linksysinfo.org/ You can change out the
addresses to have one button bookmark 3 differetn pages by right left and middle clicking. You can use the favicon of the website to
be the picture too. Your Website/favicon.ico

edit: changed code to instructons on how to make it.

I tired using [url=cusombutton://]Button Name[/url] but it did not work.
without the spaces [url=custombutton://]Button Name[/url]
Last edited by snwbdr on June 29th, 2006, 1:55 pm, edited 2 times in total.
cyricpl
Posts: 9
Joined: June 28th, 2006, 5:43 pm
Contact:

Post by cyricpl »

Thanks snwbdr, that's not even some complex developer method. I feel a little dumb :)
User avatar
dougeeebear
Posts: 548
Joined: September 15th, 2005, 4:17 pm

Post by dougeeebear »

snwbdr, have a look at this...
snwbdr
Posts: 68
Joined: September 2nd, 2005, 6:28 am

Post by snwbdr »

Thanks dougeeebear, but I could not get it to work right with my button. It might have been that it had web addressess in the code.
Or maybe I am still doing something wrong. It is easy enough too make it anyway. Plus if people want ot put in there own websites or change the picture it will be easier for them to see the code. ps I just changed the "text resize" button around
User avatar
Schrade
Posts: 1187
Joined: March 17th, 2004, 12:24 am

Post by Schrade »

snwbdr wrote:Thanks dougeeebear, but I could not get it to work right with my button. It might have been that it had web addressess in the code.
Or maybe I am still doing something wrong. It is easy enough too make it anyway. Plus if people want ot put in there own websites or change the picture it will be easier for them to see the code. ps I just changed the "text resize" button around


Here you go: <a href="custombutton://Router%20And%20Cable%20Modem%20Config%5D%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABvFBMVEX////6+vr29vbv7+/f39/X19fMzMywsLDh4OD8+/yjo6KUlJTR0dGqqal/f3/Kysqzs7OLiopubm7FxMTz8/RxcXHz8/NtbW2/v7/w7/BbW1vBw8JwdHSAhISJjoyPk5GZnJqoq6q+wL/X2Nj09PT29vdWVla7vbuPlZN9g4Fzd3Rna2hhZGFiZmRhZGNfY2JaX1xgZGJrbm1DQ0Pu8PWfq7qNl55mcH1TVVhTV11JTVA/Q0A6PDg5PDRAQz1ITUpGS0kzODchIiHf5/Z4ntp1m9qJpNF7l8BmeJhvg557jqNodZtZYHpMVWpDS1M7OzI2ODM3OjlTVVWOocFJdr5Rf8pXhtlkkuFrmOJsldVzms92ms9zlbtrisVff7xAUWsyOkBeYF5fYWGlpqpAQUUSGiItRE0sRnE9YJ1PesdQfc9YhNFfitRiitFgh85Gd9BQesSRlJltbWzp7PJ4iaRQU1k+PiwXEwwREhhdbJBjdp5Te8BhjNhfidJch9JWgs9li87k5unJysqYmp9/hpl4fpJZerZtmeNumOFpleJZhtVpiMT7+/zq7fTa4vHN2O61xeRYgMhoh8P8/PuUlJ2mAAAAAXRSTlMAQObYZgAAAMpJREFUeF5VjkObA2AMBlPbtm27Xdu2bds2/3Cf3XyXzmWSOb2AMGhQCYuO5jBJELPRFC4JPD4JAhKEIjRVQoJUhpYr0EqVGg+N9l86vcFoMlusNrvD+fe73B6vzx8IhsKRaAwgnkim0plsLl8olqqqa6C2rr6hsam5pbWtvaOzq7sHevv6BwaHhkdGx8YnJqemZ2B2bn5hcWl5ZXVtfWNza3sHdvf2Dw6Pjk9Oz84vLq+ucd7N7d39w+PT88vrGxCA8v7x+fX98wtlNIcqg/DVT4EAAAAASUVORK5CYII%3D%5D%5B/*%20--------------------------------------------------------%0A%20%20%20%20%20Linksys%0A%20%20%20%20%20left%20click%20WRT54GS%2C%20right%20click%20BEFCMU10%2C%0A%20%20%20%20%20and%20middle%20click%20LinksysInfo.org%0A%20%20%20--------------------------------------------------------%20*/%0A%20%20%20%5D%5B/*Initialization%20Code*/%0A%0Athis.textResize%20%3D%20function%28evt%29%20%7B%0A%20%20switch%28evt.button%29%20%7B%0A%20%20%20%20case%200%3A%0A%20%20%20%20%20%20openNewTabWith%28%27http%3A//192.168.1.1%27%29%3B%0A%20%20%20%20%20%20break%3B%0A%20%20%20%20case%201%3A%0A%20%20%20%20%20%20openNewTabWith%28%27http%3A//www.linksysinfo.org%27%29%3B%0A%20%20%20%20%20%20break%3B%0A%20%20%20%20case%202%3A%0A%20%20%20%20%20%20openNewTabWith%28%27http%3A//192.168.100.1%27%29%3B%0A%20%20%7D%0A%7D%0A%0A%0Athis.showPopup%20%3D%20function%28node%29%20%7B%0A%20%20var%20popup%20%3D%20document.getElementById%28%22custombuttons-contextpopup%22%29%3B%0A%20%20var%20x%20%3D%20node.boxObject.x%3B%0A%20%20var%20y%20%3D%20node.boxObject.y%20+%20node.boxObject.height%3B%0A%20%20document.popupNode%20%3D%20node%3B%0A%20%20popup.showPopup%28node%2C%20x%2C%20y%2C%20%22popup%22%2C%20null%2C%20null%29%3B%0A%7D%0A%0Athis.setAttribute%28%22onclick%22%2C%20%22this.textResize%28event%29%3B%22%29%3B%0Athis.setAttribute%28%22onmouseover%22%2C%20%22this.showPopup%28this%29%3B%22%29%3B%0A%0Athis.removeAttribute%28%22context%22%29%3B%0A"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABvFBMVEX////6+vr29vbv7+/f39/X19fMzMywsLDh4OD8+/yjo6KUlJTR0dGqqal/f3/Kysqzs7OLiopubm7FxMTz8/RxcXHz8/NtbW2/v7/w7/BbW1vBw8JwdHSAhISJjoyPk5GZnJqoq6q+wL/X2Nj09PT29vdWVla7vbuPlZN9g4Fzd3Rna2hhZGFiZmRhZGNfY2JaX1xgZGJrbm1DQ0Pu8PWfq7qNl55mcH1TVVhTV11JTVA/Q0A6PDg5PDRAQz1ITUpGS0kzODchIiHf5/Z4ntp1m9qJpNF7l8BmeJhvg557jqNodZtZYHpMVWpDS1M7OzI2ODM3OjlTVVWOocFJdr5Rf8pXhtlkkuFrmOJsldVzms92ms9zlbtrisVff7xAUWsyOkBeYF5fYWGlpqpAQUUSGiItRE0sRnE9YJ1PesdQfc9YhNFfitRiitFgh85Gd9BQesSRlJltbWzp7PJ4iaRQU1k+PiwXEwwREhhdbJBjdp5Te8BhjNhfidJch9JWgs9li87k5unJysqYmp9/hpl4fpJZerZtmeNumOFpleJZhtVpiMT7+/zq7fTa4vHN2O61xeRYgMhoh8P8/PuUlJ2mAAAAAXRSTlMAQObYZgAAAMpJREFUeF5VjkObA2AMBlPbtm27Xdu2bds2/3Cf3XyXzmWSOb2AMGhQCYuO5jBJELPRFC4JPD4JAhKEIjRVQoJUhpYr0EqVGg+N9l86vcFoMlusNrvD+fe73B6vzx8IhsKRaAwgnkim0plsLl8olqqqa6C2rr6hsam5pbWtvaOzq7sHevv6BwaHhkdGx8YnJqemZ2B2bn5hcWl5ZXVtfWNza3sHdvf2Dw6Pjk9Oz84vLq+ucd7N7d39w+PT88vrGxCA8v7x+fX98wtlNIcqg/DVT4EAAAAASUVORK5CYII="></a> (Click to install)

The key is to use HTML and not BBCode.

Nice button by the way. I like it. I am always messing with my router/cable modem so it comes it real handy.
"Linux is for those who hate Windows, BSD is for those who love Unix." -Some Guy
Try my themes: QuBranch and QuTrunk
Fix Firefox's Resized image scrolling speed: <b>Bug 163975</b>
Post Reply