Firefox Nightly, MeüButton verschieben ?

Dato

Hallo,
wie kann man den MenüButton verschieben ?
Auf den normalen Weg über Anpassen geht das nicht.

[attachment=0]Unbenannt-4.png[/attachment]

Dato

könnte man nicht aus dieser erweiterung das passende raussuchen und selber als Script oder was auch immer anbieten ?

https://addons.mozilla.org/en-US/firefox/…fox-4-ui-fixer/

ich kenn mich leider in sowas nicht gut genug aus

2002Andreas

Nutzt du evtl. Scripte wie sie hier angeboten werden?

userChrome.js Scripte für den Fuchs (Zusammenstellung)

Wenn ja, damit und noch einem css Code ließe sich das machen.

[attachment=0]Zwischenablage01.jpg[/attachment]

Dato

teileweise nutze ich die Scripte.

2002Andreas

Ok, dann dieses Script installieren:

Code

(function () {


       if (location != 'chrome://browser/content/browser.xul') return;


       const buttonId = 'Anpassenfenster';
       const buttonLabel = 'Anpassen Button';
       const buttonTooltiptext = '';
       const buttonIcon = 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAADAFBMVEUaGhouO0czQE5ASFAyMjI7QkkqNkJISEgAAAAaIShKVmInMj9SX2xEUFxLV2RaanlVY3FebHpjc4IjLztPXGlYZnQrOEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCaNqTAAAASklEQVQYlY3MxwGAIBAEwCXqkY39lyrPBT5OAQPM5BoIfA4ke7hwk+Bgt4Fdzp5G0lNVEikKLj0k/UrjS6JAt4M0DVNPUs2a7pMPMdAKKwrsj1UAAAAASUVORK5CYII=)';

           function buttonFunction() {
        BrowserCustomizeToolbar();
    }; 
 


                 
       var button = document.createElement('toolbarbutton');
       button.id = buttonId;
       button.setAttribute('class', 'toolbarbutton-1 chromeclass-toolbar-additional');
       button.removable = 'true';
       button.setAttribute('label', buttonLabel);
      // button.setAttribute('tooltiptext', buttonTooltiptext);       
       button.style.listStyleImage = buttonIcon;

       button.addEventListener('click', function (event) {
          if (event.button == 0)
             buttonFunction();
       });

       document.getElementById('navigator-toolbox').palette.appendChild(button); 


       var toolbars = Array.slice(document.querySelectorAll('toolbar'));
       for (var i=0; i<toolbars.length; i++) {          
          var currentset = toolbars[i].getAttribute('currentset');      
          if (currentset.split(',').indexOf(button.id) >= 0) {      
             var j;
             if (i == 0) j = 1
             else j = 0;         
             toolbars[j].currentSet += ','+button.id;         
             toolbars[i].currentSet = currentset;      
          };      
       };

    }) ();

Alles anzeigen

Speichern dann unter:
Anpassenfenster.uc.js

Damit kannst du dann den Button über das Anpassenfenster verschieben.

Und noch diesen css Code dazu:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


#PanelUI-menu-button{
display:none!important;}
}

Damit wird der Original Button ausgeblendet.

Dato

Danke erstmal,
aber es kommt kein Tooltip und es wird auch kein Menü geöffnet bei klick auf den button, d.h bei klick auf Button passiert nichts.

Verschieben ist ok.

2002Andreas

Hmmm..funktioniert hier einwandfrei:

[attachment=0]Screenshot (248).png[/attachment]

Den Scriptcache hattest du mal gelöscht?

Edit:
Funktioniert nur im Fx 55 aber nicht mehr im Nightly

Dato

Funktioniert ja auch in firefox aber nicht im Nightly.

2002Andreas

Ups...sorry...mein Fehler :oops:

Getestet hatte ich im Fx 55...du wolltest es aber für 57...und da funktioniert es nicht(mehr).

Dato

na Super,
also MenüButton rechts belassen oder nach links verschieben.

na Toll.

Danke aber trotzdem.

2002Andreas

Evtl. wird das Script ja wieder angepasst, gedulde dich also bitte etwas.

Endor

Hallo Andreas.
Verstehe ich das richtig, das Script oben fügt eine Schaltfläche ein zum Öffnen des Anpassen Fensters.
Sonst macht das nichts. Wenn ja bitte mal testen im 57er Nightly:

Code

//  Anpassen.uc.js

  (function() {


       if (location != 'chrome://browser/content/browser.xul') return;

       function buttonFunction() {
          oncommand: "gCustomizeMode.toggle"();
       };   


       try {
          CustomizableUI.createWidget({
             id: 'Anpassenfenster-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {         
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'Anpassenfenster-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: true,
                   label: 'Firefox Anpassen',
				   accesskey: 'f',
                   tooltiptext: 'Firefox anpassen öffnen',
                   style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJElEQVQ4jWNgGEzgAgMDw38i8XlKDbhAO38MKBgNRCqAkRqIANHrRYKU+i0FAAAAAElFTkSuQmCC)',
                   oncommand: "gCustomizeMode.toggle();"
                };            
                for (var p in props)
                   toolbaritem.setAttribute(p, props[p]);            
                return toolbaritem;
             }      
          });
       } catch(e) { };
       }) ();

Alles anzeigen

Mfg.
Endor

Endor

Hinweis
Da das Script noch nicht richtig funktioniert wurde es entfernt.

Mfg.
Endor

2002Andreas

Zitat von Endor

Verstehe ich das richtig

Hallo Endor, genau so war das gemeint.
Und das Script funktioniert einwandfrei. :klasse:

Zitat von Endor

damit wird der Original Menubutton geklont und verschiebbar gemacht:

Das muss ich auch noch schnell testen.

Edit: Das 2te Script funktioniert (hier) nicht. :-??

RaDi12

Zitat von Endor

oder damit wird der Original Menubutton geklont und verschiebbar gemacht:

Code

//   Anpassen-Panelbutton.uc.js


(function() {
   if (location != 'chrome://browser/content/browser.xul')
      return;


   try {
      CustomizableUI.createWidget({
         id: 'PanelUI-menu-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {
            var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            var attributes = {
               id: 'PanelUI-menu-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               type: 'menu',
               removable: 'true',
               label: 'Firefox Anpassen',
               tooltiptext: 'Firefox Anpassen + Panel',
               style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABk0lEQVQ4jZ2Rv2tUURCFr42NfQQhNgETcs/cM521jZX+AcF/IFbaWCoxlT8grrGxkoAgYm2hFtGY3bwzoLKCBOxE7AIBwSAE8Vnsy7KJmxfxwtdcznx35k6qcrko8HnA37Qh8HUYb1XG24J/V+ZiSulYCvMdGbcF77cRxs9hXleZD7o5nxb4M8DlFOZ1mK+kI04Fzsv8SeQyJ+PbQR1/DAVrwKTAR2G+chCB9wU+lfG6wG5Tsxu5zA0F6zM8I3D17/n5VebvlHlT8FdNfkfg+ZRSah1hw2wm4FthXgu+Gea1jNvVbDk7DO0JutPTp2TlnuCdPcL4QcYbTWYA/Nq+V4aCWWYZ34/8/Mcwfgrz3aZw0En2q2MFo3fPcj4+mJmrQrmizEVlnmsV9KbKhFDuCN6pjEthvib4puCdDfBCL7u3CiJnyvgt4L0AXwR8S/AvDXePFKSUUmVcEtgV+PjlyXJiNPdvApTLlfmlcSs9XAD+FrxfwRfaEPgwzOsKnD8oWJb5r327PgTB+72pMjGuw/8+fwAiG028k6BDNAAAAABJRU5ErkJggg==)'
            };
            for (var a in attributes) {
               button.setAttribute(a, attributes[a]);
            };
            return button;
         }
      });
   } catch(e) { };


   setTimeout(function() {
      if (document.getElementById('PanelUI-menu-button-PanelUI-popup').childElementCount <= 1) {
         // s. DevToolsStartup.prototype.initDevTools
         // https://dxr.mozilla.org/mozilla-central/source/devtools/shim/devtools-startup.js
         //let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
         //require("devtools/client/framework/devtools-browser");
      };
      var button = document.getElementById('PanelUI-menu-button');
      var dblMenuPopup = document.getElementById('#PanelUI-menu-button-PanelUI-popup').cloneNode(true);
      button.appendChild(dblMenuPopup);
      var elements = button.getElementsByTagName('*');
      for (let elem of elements) {
         let origId = elem.id;
         if (origId) {
            elem.id = 'PanelUI-menu-button-' + origId;
            if (elem.tagName == 'menuitem') {
               elem.setAttribute('oncommand', 'document.getElementById("' + origId + '").click();');
               let obs = document.createElement('observes');
               obs.setAttribute('element', origId);
               obs.setAttribute('attribute', 'checked');
               elem.appendChild(obs);
            };
         };
      };
   }, 100);


}());

Alles anzeigen

Zur besseren Unterscheidung habe ich dieser Schaltfläche mal ein rotes Symbol verpasst.
Kann natürlich nach eurem Geschmack geändert werden.

Damit dann die Original Schaltfläche ausblenden:

Code

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){
toolbarbutton.badged-button:nth-child(1){display: none! important;}
}

Mfg.
Endor

Hallo,
das funktnioert soweit ganz gut.
wenn der Button aus der Toolbar ins anpassungfenster geschoben wird und man Beenden Nightly und wird wieder geöffnet, und man dann den Button aus dem Anpassungsfenster wieder zu verschieben dann passiert bei klickt nichts mehr. Erst wenn man den Nightly neu gestartet hat.

Endor

Obiges Script funktioniert noch nicht richtig. Nur im 32er Nightly
und da auch nicht 100%tig.
Im 64 öffnet sich wenn ich die Originalschaltfläche ausblende kein Popupmenü mehr.
Habe es daher wieder entfernt.
Sobald es richtig läuft stelle ich es wieder rein.
Mfg.
Endor

Endor

Hallo zusammen.
aborix war so freundlich und hat mein Script nochmals neu gemacht.
Nun funktioniert es überall. Vielen Dank an aborix nochmals an dieser Stelle.
:klasse:

Bitte mal testen:

Code

(function() {
   if (location != 'chrome://browser/content/browser.xul')
      return;


   try {
      CustomizableUI.createWidget({
         id: 'ucjs_PanelUI-menu-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {
            var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            var attributes = {
               id: 'ucjs_PanelUI-menu-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               type: 'menu',
               removable: 'true',
               label: 'Firefox Anpassen',
               tooltiptext: 'Firefox Anpassen + Panel',
               onclick: 'if (event.button == 0) event.target.ownerGlobal.PanelUI.toggle(event)',
               style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABk0lEQVQ4jZ2Rv2tUURCFr42NfQQhNgETcs/cM521jZX+AcF/IFbaWCoxlT8grrGxkoAgYm2hFtGY3bwzoLKCBOxE7AIBwSAE8Vnsy7KJmxfxwtdcznx35k6qcrko8HnA37Qh8HUYb1XG24J/V+ZiSulYCvMdGbcF77cRxs9hXleZD7o5nxb4M8DlFOZ1mK+kI04Fzsv8SeQyJ+PbQR1/DAVrwKTAR2G+chCB9wU+lfG6wG5Tsxu5zA0F6zM8I3D17/n5VebvlHlT8FdNfkfg+ZRSah1hw2wm4FthXgu+Gea1jNvVbDk7DO0JutPTp2TlnuCdPcL4QcYbTWYA/Nq+V4aCWWYZ34/8/Mcwfgrz3aZw0En2q2MFo3fPcj4+mJmrQrmizEVlnmsV9KbKhFDuCN6pjEthvib4puCdDfBCL7u3CiJnyvgt4L0AXwR8S/AvDXePFKSUUmVcEtgV+PjlyXJiNPdvApTLlfmlcSs9XAD+FrxfwRfaEPgwzOsKnD8oWJb5r327PgTB+72pMjGuw/8+fwAiG028k6BDNAAAAABJRU5ErkJggg==)'
            };
            for (var a in attributes) {
               button.setAttribute(a, attributes[a]);
            };
            return button;
         }
      });
   } catch(e) { };


}());

Alles anzeigen

und der CSS Code zum Ausblenden der originalen Schaltfläche:

Code

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){
toolbarbutton.badged-button:nth-child(1){display: none! important;}
}

Mfg.
Endor

2002Andreas

Test bestanden :klasse:

Endor

Prima. Danke!
Wie geschrieben, das Lob und der dank gehen an aborix.
Frage hast Du eventuell einen passenden Namensvorschlag für Github.
Da haben wir so was glaube ich noch nicht.
Meine Vorschläge:

Mobilepanelbutton.uc.js oder
Revertpanelbutton.uc.js
....

Mfg.
Endor

2002Andreas

Zitat von Endor

Mobilepanelbutton.uc.js

Fände ich passend dafür.