Extra Back- und Forward Buttons

omar1979

Hallo allen..

Ich suche ausser die originale Back- und Forward Buttons noch eine Erweiterung (Hab ich zwar gesucht aber keins gefunden.), oder Scripte damit ich die auf der rechten Seite auch ein Back- und Forward Button habe. Für den Reload Button benütze ich schon lange eine Erweiterung.

Kennt jemand eine Erweiterung oder einen Script dafür?

Für hier ⬆️ benütze ich die Originals. -------------------------------------> Für hier will ich separate benützen. ⬆️

omar1979

Hmm...

gibt es den vielleicht Scripts, mit denen man ganz einfach selber einen 2.ten Back- und Forward-Button einfügen kann?

aborix

Ja, so in etwa:

JavaScript

(function() {

  if (window.__SSi != 'window0')
    return;

  CustomizableUI.createWidget({
    id: 'back-button-2',
    type: 'custom',
    defaultArea: CustomizableUI.AREA_NAVBAR,
    onBuild: function() {
      let button = document.getElementById('back-button').cloneNode(true);
      button.id = 'back-button-2';
      button.style.listStyleImage = 'url(chrome://browser/skin/back.svg)';
      return button;
    }
  });

  CustomizableUI.createWidget({
    id: 'forward-button-2',
    type: 'custom',
    defaultArea: CustomizableUI.AREA_NAVBAR,
    onBuild: function() {
      let button = document.getElementById('forward-button').cloneNode(true);
      button.id = 'forward-button-2';
      button.style.listStyleImage = 'url(chrome://browser/skin/forward.svg)';
      return button;
    }
  });

})();

Alles anzeigen

Funktioniert aber noch nicht so ganz.

omar1979

Zitat von aborix

Funktioniert aber noch nicht so ganz.

Danke aborix es funkt leider noch nicht so ganz wie du es gesagt hast.

Ich hab mal das Script so gemacht, dass ich meine eigene Icons verwende.

Hier ein Gif davon. Es zeigt die Seiten im popup an, wie im originalen Back- und Forward-Button aber die Seite wird nicht geändert.

Es macht das, wenn man auf die original Back- und Forward-Buttons einen Rechtsklick macht.

aborix

Schon etwas besser:

JavaScript

(function() {

  if (window.__SSi != 'window0')
    return;

  function createButton(str) {
    CustomizableUI.createWidget({
      id: str + '-button-2',
      type: 'custom',
      defaultArea: CustomizableUI.AREA_NAVBAR,
      onBuild: function() {
        let button = document.getElementById(str + '-button').cloneNode(true);
        button.id = str + '-button-2';
        button.style.listStyleImage = 'url(chrome://browser/skin/' + str + '.svg)';
        button.setAttribute('onclick',
          'checkForMiddleClick(this, event); if (event.button == 0) event.target.ownerDocument.getElementById("' + str + '-button").click();');
        button.setAttribute('onmousedown', 'if (event.button == 0) event.preventDefault();');
        return button;
      }
    });
  }

  createButton('back');
  createButton('forward');

})();

Alles anzeigen

harff182

Zitat von aborix

Schon etwas besser:

Also bei mir funktionuckeln sie problemlos.

Mitgenommen, Schankedön...

omar1979

Zitat von aborix

Schon etwas besser:

funkt tiptop, aber leider kann ich meine Icons nicht im Script einbinden. Gibt es eine Lösung wie ich es machen kann? Ich kann nur 1 Icon benützen wenn ich button.style.listStyleImage = 'url(chrome://browser/skin/' + str + '.svg)'; zu button.style.listStyleImage = 'url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arbackN.png")'; ändere.

omar1979

Ich hab jetzt das Script so gemacht, dass es nur für den Back-Button funkt und ich kann mein Icon setzen.

Dann hab ich es noch für den Forward-Button gemacht. Jetzt funkt es tiptop. Danke aborix

Hier die Code.

JavaScript

(function() {

  if (window.__SSi != 'window0')
    return;

  function createButton(str) {
    CustomizableUI.createWidget({
      id: 'back-button-2',
      type: 'custom',
      defaultArea: CustomizableUI.AREA_NAVBAR,
      onBuild: function() {
        let button = document.getElementById(str + '-button').cloneNode(true);
        button.id = 'back-button-2';
        //button.style.listStyleImage = 'url(chrome://browser/skin/' + str + '.svg)';
        button.style.listStyleImage = 'url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arbackN.png")';
        button.setAttribute('onclick',
          'checkForMiddleClick(this, event); if (event.button == 0) event.target.ownerDocument.getElementById("' + str + '-button").click();');
        button.setAttribute('onmousedown', 'if (event.button == 0) event.preventDefault();');
        return button;
      }
    });
  }

  createButton('back');

})();

(function() {

  if (window.__SSi != 'window0')
    return;

  function createButton(str) {
    CustomizableUI.createWidget({
      id: 'forward-button-2',
      type: 'custom',
      defaultArea: CustomizableUI.AREA_NAVBAR,
      onBuild: function() {
        let button = document.getElementById(str + '-button').cloneNode(true);
        button.id = 'forward-button-2';
        //button.style.listStyleImage = 'url(chrome://browser/skin/' + str + '.svg)';
        button.style.listStyleImage = 'url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arforwardN.png")';
        button.setAttribute('onclick',
          'checkForMiddleClick(this, event); if (event.button == 0) event.target.ownerDocument.getElementById("' + str + '-button").click();');
        button.setAttribute('onmousedown', 'if (event.button == 0) event.preventDefault();');
        return button;
      }
    });
  }

    createButton('forward');

})();

Alles anzeigen

Und so sieht es jetzt aus:

Noch eine Frage: aborix hast du evtl auch ein Script für den Reload- und Stop-Button?

Kann man mit dem welche ich gepostet habe auch das Reload- und Stop-Button in einem machen wie im original? Danke.

Extra Back- und Forward Buttons

Ähnliche Themen

Zurück- und Vorwärts-Button verschieben

CSS Code für hover neu?

Navigations-Leiste Anpassungen

Homebutton and others manipulieren (Farbe, Größe etc.)

Reload und Stop Buttons