Custom Buttons²

[shame]

I've only just discovered this extension and I've added the URLbar search button.

The thing is, by default it displays the google icon (or others, depending what is set as search engine in the firefox searchbar).

How can I change the icon to my own preference?

I've gone on the edit button settings and under image I've tried browsing to a file on my hard drive and also tried adding an internet link to an image but it doesn't change.
Can anyone advise me how to change this icon?

[squeaky]

I've only just discovered this extension and I've added the URLbar search button.

The thing is, by default it displays the google icon (or others, depending what is set as search engine in the firefox searchbar).

How can I change the icon to my own preference?

I've gone on the edit button settings and under image I've tried browsing to a file on my hard drive and also tried adding an internet link to an image but it doesn't change.
Can anyone advise me how to change this icon?

Can you point me at the button concerned and I'll take a quick look.

The odds are that the image in the "image box" at the top of the "Edit" window is not the one that is actually used.

Once you've found them...

Pick the picture you want and put it in the image box.

Click on the ->base64 button.

Triple click in the box and copy it.

Then go to the initialise tab and swap your code from the box into the place where the image is listed.

You'll need to repeat that routine for ech image that you want to change in this button.

HTH

The images will be changed in the coding routines in the initialise tab.

They'll be of the form:-

this.image =
"data...blah blah HUGE long line of code";

[shame]

This is the button in question: viewtopic.php?f=35&t=321&start=0&st=0&sk=t&sd=a&hilit=urlbar+search

I looked at the initialise tab but there doesn't appear to be any lines dealing with an image, maybe that's the problem.

[nicholas]

Code: Select all

    if(engines[i].iconURI)
      mi.setAttribute("src", engines[i].iconURI.spec);


This is the line that specifies the images. The images are chosen from your profile so they would have to be changed on your harddrive.
C:\Program Files\Mozilla Firefox\searchplugins

The images are in data:URI (base64) format within the xml files there, you can edit the files and replace them with the image of your choice, they should be base64 format.

[squeaky]

Hmm... bit of a fiddle but here goes...

Code: Select all


// change this bit...

this.selectEngine = function(aNode, aEvent) {
  var engine = aEvent.target.engine;
  var ss = searchService();
  ss.currentEngine = ss.getEngineByName(engine.name);
  aNode.engine = engine;
  // aNode.image = aEvent.target.getAttribute("src");
  this.image = "data:image/gif;base64,R0lGODlhIAAgAIcAAAUFBQYGCAkHBQsKDBAPERMUDh0TDBQSExkXGhoaFBsbGx8eIB4gHCIfIyIgGycnKSYoKi0rJy0rLSwqMzAvLDMyNDU2ODg2Ojw7NDo4OkE2HU9BJ0hFP0lKN01MPlZEJlVCKVlOLltRN2NLKWZXOmpUNHdiNX9kOEZFRU5OQU1KSUxNUExSUVBKQlFNUlVVRVBQSVlXQltURFJRU1dVWFtYUFtZVl9dVFxbXl5aYWhfTGZmU2xhU2lmW2xsWnBnRnRtX35vUHxyUX9xWXp5XGNhZWdlaGdoYmhma2xnbm1qbm9tcXBtZnBuaHFxYXNyZnxxZ3x7YXx6a3RydHd1eXp2fH99cn96f3+AaoRtP4h4SIJ1VYFwW51+S5J+WYZ7aoN8g4J+hZiDTpiBUJ2SWoGBZISDa4iAZY+Da4uLa4uKbYOCcYOAf4eIcIiHc5eMa5KHf5CPcpKIfZ2Sb5aYd5aYfpiVeJmYfq+NTKaUXqmUUq2ZXbmOT7OTV7SbWKePYaGMbKaQYaiRYq2ZY6iWebGYYLygV72hXaKjf7WjY7+td8GhUsOiXsmkXsyrXNyyXc+0Zc60csu3fdSyat2zY9K6fO+9We69afHJb4OBhIaFi4eJj4mGhY+GhYmGi4yKhIyKjY6Mk46OmY+QlpePhJCNjZKLl5COkpGOlJSOk5SOlpKOmJCNnpWPmJKQjp+ehJ+cjJKQlJKQmqiqhqmqja6ukbisgLmxibm6j7e1krq6kru9mb/DncS3hsDBmsDBnMrFls/Sn9zIjNPLnt/Qjd/VnMbEoMvMoc/Pq87Qp9LKpNXVq9/fo97Yr9jatdvctd/fse/YlOXfte3gqOTjt+HiueTluefpuOrju+rpturqu+jove/tuuzsvvDjovTlrfforvP1v/b5v/rzvPv9vvz8vu7uwO/xw/L0wfXzwvT2w/X1xfT0yfb4wvf5xvX4yPj3wvr6wvr6xPr8wvr8xfz7wvz7xfz8wvz9xPr6yPv7zPr8yPz6yP36zvz8yAAAACH5BAMAAP0ALAAAAAAgACAAAAj/APsJHEiwIJEYagoqXMiwn5Qrq0wl4fCqocWBtdaEWbXq1ClVpWxESFHnYkE7T5pwajXqlKtTsVChiiVqCgoGGMxYdAIjiSZVMU/NlKVExaZRsVylamUKSYUDGO4QLHNjCqhYMWVmPQVKhYYgcEKJEqUKKKpMLho4SNPPDIAKRzyF8ig0ZtZPaLwUCiRnlKhUQlG1ipWDwI5+WCgUOJChiCeWdmWiWsWKzRZBnUa5GjUTFBUOA1IQ9EAggAIcmk6NCjVTMipQX7hwOlWKygoIAwZ0WPiiwIAFqGMJDYxKVqkWD1hMIJAAgxOLtQYEALBgRqarpzItWWFhgQIEBeiY+uwXpwJ3BAMOXKDxNL0EFBkyMBjf7wUVrJqMZEBPQMKMKqZkEkFjbYyHAVYzxZQJElSEktQoOIwwRCjPmaRCZFphFZQnQTQCiCw+jNcDTK1x5pFMpoDhByWEKCHVeLBwIosqqHj00iovQXHIGDy4QZ9AtDCRiSocmaLKKKxYocUhItDyI0F3fCIlJ6B88sUeJZzw5EVn5DGCHiBsaVEiH+DBiBhiMnRLCCVY0scgaS40hAGLPJJFnAq9IcMWjxgSCJ4EkUECIorwQckkgA6kQxT9TOJIF5AkWtAlJmwQiaQDYRIJKT9gWpAtQnhaEBCiDjRHDaUONItJAQEAOw==";
}


// change this bit...

var ss = searchService();
this.engine = ss.currentEngine;
// this.image = this.engine.iconURI.spec;
this.image = "data:image/gif;base64,R0lGODlhIAAgAIcAAAUFBQYGCAkHBQsKDBAPERMUDh0TDBQSExkXGhoaFBsbGx8eIB4gHCIfIyIgGycnKSYoKi0rJy0rLSwqMzAvLDMyNDU2ODg2Ojw7NDo4OkE2HU9BJ0hFP0lKN01MPlZEJlVCKVlOLltRN2NLKWZXOmpUNHdiNX9kOEZFRU5OQU1KSUxNUExSUVBKQlFNUlVVRVBQSVlXQltURFJRU1dVWFtYUFtZVl9dVFxbXl5aYWhfTGZmU2xhU2lmW2xsWnBnRnRtX35vUHxyUX9xWXp5XGNhZWdlaGdoYmhma2xnbm1qbm9tcXBtZnBuaHFxYXNyZnxxZ3x7YXx6a3RydHd1eXp2fH99cn96f3+AaoRtP4h4SIJ1VYFwW51+S5J+WYZ7aoN8g4J+hZiDTpiBUJ2SWoGBZISDa4iAZY+Da4uLa4uKbYOCcYOAf4eIcIiHc5eMa5KHf5CPcpKIfZ2Sb5aYd5aYfpiVeJmYfq+NTKaUXqmUUq2ZXbmOT7OTV7SbWKePYaGMbKaQYaiRYq2ZY6iWebGYYLygV72hXaKjf7WjY7+td8GhUsOiXsmkXsyrXNyyXc+0Zc60csu3fdSyat2zY9K6fO+9We69afHJb4OBhIaFi4eJj4mGhY+GhYmGi4yKhIyKjY6Mk46OmY+QlpePhJCNjZKLl5COkpGOlJSOk5SOlpKOmJCNnpWPmJKQjp+ehJ+cjJKQlJKQmqiqhqmqja6ukbisgLmxibm6j7e1krq6kru9mb/DncS3hsDBmsDBnMrFls/Sn9zIjNPLnt/Qjd/VnMbEoMvMoc/Pq87Qp9LKpNXVq9/fo97Yr9jatdvctd/fse/YlOXfte3gqOTjt+HiueTluefpuOrju+rpturqu+jove/tuuzsvvDjovTlrfforvP1v/b5v/rzvPv9vvz8vu7uwO/xw/L0wfXzwvT2w/X1xfT0yfb4wvf5xvX4yPj3wvr6wvr6xPr8wvr8xfz7wvz7xfz8wvz9xPr6yPv7zPr8yPz6yP36zvz8yAAAACH5BAMAAP0ALAAAAAAgACAAAAj/APsJHEiwIJEYagoqXMiwn5Qrq0wl4fCqocWBtdaEWbXq1ClVpWxESFHnYkE7T5pwajXqlKtTsVChiiVqCgoGGMxYdAIjiSZVMU/NlKVExaZRsVylamUKSYUDGO4QLHNjCqhYMWVmPQVKhYYgcEKJEqUKKKpMLho4SNPPDIAKRzyF8ig0ZtZPaLwUCiRnlKhUQlG1ipWDwI5+WCgUOJChiCeWdmWiWsWKzRZBnUa5GjUTFBUOA1IQ9EAggAIcmk6NCjVTMipQX7hwOlWKygoIAwZ0WPiiwIAFqGMJDYxKVqkWD1hMIJAAgxOLtQYEALBgRqarpzItWWFhgQIEBeiY+uwXpwJ3BAMOXKDxNL0EFBkyMBjf7wUVrJqMZEBPQMKMKqZkEkFjbYyHAVYzxZQJElSEktQoOIwwRCjPmaRCZFphFZQnQTQCiCw+jNcDTK1x5pFMpoDhByWEKCHVeLBwIosqqHj00iovQXHIGDy4QZ9AtDCRiSocmaLKKKxYocUhItDyI0F3fCIlJ6B88sUeJZzw5EVn5DGCHiBsaVEiH+DBiBhiMnRLCCVY0scgaS40hAGLPJJFnAq9IcMWjxgSCJ4EkUECIorwQckkgA6kQxT9TOJIF5AkWtAlJmwQiaQDYRIJKT9gWpAtQnhaEBCiDjRHDaUONItJAQEAOw==";



Where you see lines starting :-

this.image = "data:image/gif;base64,R0lGODlhIAAgAIcAAA

That's where you add your own image. NOT forgetting to put ---> "; at the end of each line!

And comment out the previous lines as shown.

HTH

[squeaky]

It was late and I was tired - here's a much neater way...

Immediately below the start of initialisation add...

Code: Select all

/*Initialization code*/

  myimage = "data:image/gif;base64,R0lGODlhIAAgAIcAAAU... ";

Using the data for your own image.

Then... change in two places

Code: Select all


// change this bit...

this.selectEngine = function(aNode, aEvent) {
  var engine = aEvent.target.engine;
  var ss = searchService();
  ss.currentEngine = ss.getEngineByName(engine.name);
  aNode.engine = engine;
  // aNode.image = aEvent.target.getAttribute("src");
  this.image = myimage;


// change this bit...

var ss = searchService();
this.engine = ss.currentEngine;
// this.image = this.engine.iconURI.spec;
this.image = myimage


[shame]

Wow! Many thanks for going to all that trouble

I just tried the method in your last post. Didn't work at first but that turned out to be a copy and pasting error on my part.

It's now working perfectly and I have my chosen icon instead of the google one.

Thanks again

[squeaky]

You're welcome.

It was a bit of light relief from sorting out problems on one of my own buttons!