Zurück- und Vorwärts-Button verschieben

omar1979

Hallo allen..

Ich hab versucht, die 2 buttons (back und forward) im anpassungs-fenster auf eine andere leiste zu verschieben, funkt aber nicht.

Hat jemand eine lösung, wie ich das machen kann?

2002Andreas

Zitat von omar1979

wie ich das machen kann?

Das geht nur per Skript.

So z.B. in der Lesezeichen-Symbolleiste:

JavaScript

(function () {
    function init() {
        let toolbar = document.getElementById("PersonalToolbar");
        let back = document.getElementById("back-button");
        let fwd = document.getElementById("forward-button");
        toolbar._customizationTarget.prepend(back);
        back.after(fwd);
    }
    if (gBrowserInit.delayedStartupFinished) init();
    else {
        let delayedListener = (subject, topic) => {
            if (topic == "browser-delayed-startup-finished" && subject == window) {
                Services.obs.removeObserver(delayedListener, topic);
                init();
            }
        };
        Services.obs.addObserver(delayedListener, "browser-delayed-startup-finished");
    }
})();

Alles anzeigen

In Zeile 3 musst du den Namen deiner Leiste eintragen.

Quelle

omar1979

Zitat von 2002Andreas

In Zeile 3 musst du den Namen deiner Leiste eintragen.

Tiptop funkt. Danke.

man kann aber vor denen keine "flexibler Leerraum" einfügen. Ist das machbar?

2002Andreas

Zitat von omar1979

Ist das machbar?

Teste mal:

CSS

#back-button,
#forward-button {
   margin-left: 40px !important;
}

omar1979

Zitat von 2002Andreas

Teste mal:

Kann man das auch in dem Script einbauen?

2002Andreas

Zitat von omar1979

Kann man das auch in dem Script einbauen?

Teste bitte, deine Toolbar noch eintragen.

JavaScript

(function () {
    var css =`
    #back-button,
    #forward-button {
    margin-left: 40px !important;
}   
  `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);    
    
    function init() {
        let toolbar = document.getElementById("PersonalToolbar");
        let back = document.getElementById("back-button");
        let fwd = document.getElementById("forward-button");
        toolbar._customizationTarget.prepend(back);
        back.after(fwd);
    }
    if (gBrowserInit.delayedStartupFinished) init();
    else {
        let delayedListener = (subject, topic) => {
            if (topic == "browser-delayed-startup-finished" && subject == window) {
                Services.obs.removeObserver(delayedListener, topic);
                init();
            }
        };
        Services.obs.addObserver(delayedListener, "browser-delayed-startup-finished");
    }
})();

Alles anzeigen

omar1979

Zitat von 2002Andreas

Teste bitte, deine Toolbar noch eintragen.

Tiptop danke.

Leider kann man zwischen den beiden keine andere buttons verschieben.

Ich muss mal irgendwann testen und evtl für beide ein separates script erstellen.

2002Andreas

Zitat von omar1979

für beide ein separates script erstellen.

Evtl. kann ein anderer User ja auch verschiebbare Buttons daraus machen

omar1979

Zitat von 2002Andreas

Evtl. kann ein anderer User ja auch verschiebbare Buttons daraus machen

Ja mal abwarten und schauen. Danke dir.

2002Andreas

Zitat von 2002Andreas

verschiebbare Buttons daraus machen

Ein Button links, der andere rechts außen:

CSS

#forward-button {
  -moz-box-ordinal-group: 22 !important;
}

omar1979

Zitat von 2002Andreas

Ein Button links, der andere rechts außen:

mir gefällt es so, will nur, dass es verschiebbar wäre, damit man sie trennen kann und dazwischen evtl noch nach wunsch 1 bis 2 buttons verschieben.

omar1979

Ich hätte noch eine Idee, evtl hat ein anderer User ein Script mit dem man ein einzelnes Button nach Wunsch beliebig verschieben kann und würde es hier teilen, mit dem man auch selber für ein anderes Button machen kann.

Oder der Script-Spezialist aborix hat mal Lust, Laune und natürlich Zeit sowas zu erstellen und teilen.

2002Andreas

Zitat von omar1979

ein anderer User ein Script mit dem man ein einzelnes Button nach Wunsch beliebig verschieben kann

Geht damit:

JavaScript

//  chronikmanager.uc.js
//  Author aborix
  
  (function() {

       if (location != AppConstants.BROWSER_CHROME_URL) return;
        
       try {
          CustomizableUI.createWidget({
             id: 'bookmarks-manager-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: 'bookmarks-manager-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: true,
                   label: 'Lesezeichen Manager',
                   accesskey: '',
                   tooltiptext: '',
                   style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnklEQVQ4y6XTPYgVVxTA8f/ce2fu7Mx7vuf6srsa425cxFWEiDwCgpXpErELIVYWVolYWGmdKoVdLGwUGwXFJggWwq42hpBmiUaW1f2I7Pfs+p6773Pm3jspXtwEIhLwNIdTnB/nHDjwgeGNXrhz2JfysPC8/9fgrLAmez7105lnAOpAZejxwYGBiud5QA78N3cyRymSLG6kHBmJ+G1ueX0KPgJQ8ytppbXZ/tt/N5Aax9gnEUndUm84Xm/aytuJVBxZzn3VT0lbjMkoFIskawmDQ4MALC8ts3vPx9STJcKoSK3r8/CP9vZKqhhJjh/sZyB2ZFlGuVxmYSFleLgHzBaa7N8/SDJxlXj3SZZ0lesT8h/Aw1Kr1dAGjDEYY+h2uyRJAkCapiTzk4TpS7orIbUdo3jYbUD4SqJ1gNaaMAzRWhMEvVprjQ588pVHxJ+eQDRnCESGr/41QeALCnFEHAustcRxTNZcIepOkdsO0eZLivYZQh2lsKtEafUmJ8p93LldOZ21my3lkdNoNChKhXMOYwx27QnmzXVk3y524qEKZTCzyD7H3uwpl6ot8u7wXVbnppX2JYU4Jo57QBAEtPZ9CYsvoPWAoOCBWAMrgBwVtbGdOp3X6+M27fyglPRQvsL3fZxz+L6PHxbRY5fJFg9g1r9DFTKgB+TOMvnnCMNbW9+7jHlVb6Zr1x5OC19CnoMQHtZZpFBIPlMXR2VZ7ehC6noGMN0eMtWz87MAaiZ583UcBkIJsX3ZABOkqLQa3j+mj7euEIBdpeEFKLGH8ItDv7fe+zA3btyr/vrkl32dcXHeJWxlk0y0fubzzgNOmSmemle02/c5AqDeBUgpyzNzy9+M7B3b6F94/qPd4FZ0mlmAdJwFUeJbIXu9fwFVCBajMWIWPQAAAABJRU5ErkJggg==)',
                   oncommand: "PlacesCommandHook.showPlacesOrganizer('History');"
                };            
                for (var p in props)
                   toolbaritem.setAttribute(p, props[p]);            
                return toolbaritem;
             
             }      
          });
          CustomizableUI.registerToolbarNode(tb);
        } catch(e) { };
        }) ();

Alles anzeigen

oder auch damit:

JavaScript

//        RestartFirefoxButtonM.uc.js
//        v. 0.3

(function() {

   if (location.href !== 'chrome://browser/content/browser.xhtml')
    return;
    
    try {
        CustomizableUI.createWidget({
            id: 'restart-button2a',
            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: 'restart-button2a',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Neustart',
                    tooltiptext: 'Neustart (mit Rechts- und Linksklick wird der userChrome.js-Cache geleert)',
                    style: 'list-style-image: url(file:///C:/Users/Andi/Icons%20Firefox/reload.png)',
                    onclick: 'if (event.button == 1) { \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              }; \
                              if (event.button == 0 || event.button == 2) { \
                                  Services.appinfo.invalidateCachesOnRestart(); \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              };'
                };                
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);                
                return toolbaritem;
            }        
        });
    } catch(e) { };        
   
})();

Alles anzeigen

omar1979

Zitat von 2002Andreas

oder auch damit:

Ich versteh zwar nichts von Scripts, aber diese sehen für mich etwas kompliziert aus, also für einen Anfänger.

Aber ich schau mal morgen etwas detailierter nach. Danke.

2002Andreas

Zitat von omar1979

aber diese sehen für mich etwas kompliziert aus

Sind sie ja auch

Wobei dieses noch besser wäre, denn damit wird der Button vom Hamburger-Menü verschoben.

Also ein schon vorhandener Button:

JavaScript

//PanelUI-menu-button verschiebbar.uc.js

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  
  var menuButton = document.getElementById('PanelUI-menu-button');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_PanelUI-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = 'ucjs_PanelUI-button';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Firefox Anpassen');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_PanelUI-button').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_PanelUI-button');
   menuButton.setAttribute('label', 'Firefox Anpassen');
   menuButton.setAttribute('tooltiptext', 'Firefox Anpassen + Panel');        
  }, 0);

}());

Alles anzeigen

omar1979

Zitat von 2002Andreas

Sind sie ja auch

Ja für uns Anfänger ist es noch schwerer. Dachte evtl. kann aborix ein einfach zu änderndes Script machen.

2002Andreas

Zitat von omar1979

ein einfach zu änderndes Script machen.

Damit kannst du den Back-Button einzeln verschieben:

JavaScript

//Back-button verschiebbar.uc.js

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  
  var menuButton = document.getElementById('back-button');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_back-button')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_back-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = 'ucjs_back-button';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Zurück');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_back-button')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_back-button').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_back-button');
   menuButton.setAttribute('label', 'Firefox Anpassen');
   menuButton.setAttribute('tooltiptext', 'Zurück + Panel');        
  }, 0);

}());

Alles anzeigen

Und damit alle beiden einzeln:

JavaScript

//Back-button verschiebbar.uc.js

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  
  var menuButton = document.getElementById('back-button');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_back-button')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_back-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = 'ucjs_back-button';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Zurück');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_back-button')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_back-button').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_back-button');
   menuButton.setAttribute('label', 'Firefox Anpassen');
   menuButton.setAttribute('tooltiptext', 'Zurück + Panel');        
  }, 0);

}());


//forward-button verschiebbar.uc.js

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  
  var menuButton = document.getElementById('forward-button');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_forward-button')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_forward-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = 'ucjs_forward-button';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Vor');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_forward-button')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_forward-button').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_forward-button');
   menuButton.setAttribute('label', 'Firefox Anpassen');
   menuButton.setAttribute('tooltiptext', 'Vor + Panel');        
  }, 0);

}());

Alles anzeigen

omar1979

Zitat von 2002Andreas

Und damit alle beiden einzeln:

Vielen vielen Dank. Ich hab jetzt das untere genommen und benütze es.

Das obere hab ich als Vorlage gespeichert und versuche morgen an dem etwas zu basteln und das Hamburgermenü selber verschiebbar machen.

2002Andreas

Zitat von omar1979

das Hamburgermenü selber verschiebbar machen.

Steht in Beitrag Nr. 15

Ansonsten...gern geschehen wie immer.

omar1979

Zitat von 2002Andreas

Steht in Beitrag Nr. 15

Ich weiss.. ich mach es zum schauen ob ich fähig bin es zu machen.

omar1979 21. November 2022 um 20:23