Symbol von Firefox Translate in die Statusleiste/AddOns-Leiste verschieben

Boersenfeger

Ich möchte gern das Symbol von Firefox-Translate aus der URL-Leiste in meine zusätzlich eingerichtete Symbolleiste (siehe Script) am unteren Fensterrand verschieben.)

Ist das mit einem CSS-Code möglich? Wenn ja, wie müsste der Code dafür lauten? Wenn nein, wie kann man es ggf. anders bewerkstelligen?

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

(function() {

  if (location.href !== 'chrome://browser/content/browser.xhtml')
    return;
  
  var css =`
    #new-toolbar {
        height: 28px; 
        direction: rtl;
         -moz-window-dragging: drag;
        /* border-top: 1px solid black !important; 
        background-color: rgba(0,0,0,0) !important;
        color: black !important; */
    }
    
    #statuspanel {
        bottom: 0px !important;
        left: 5px !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background:#7598ff!important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: white !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);
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');
  tb.setAttribute("context","toolbar-context-menu");
  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

setTimeout(function() {
    if (window.__SSi == 'window0')
    return;
    let tabbar = document.getElementById('TabsToolbar');     
    let tab = gBrowser.selectedTab;
    tabbar.style.display = '-moz-box';
    duplicateTabIn(tab, 'tab');
    gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
    gBrowser.removeTab(tab);
    tabbar.style.display = ''; 
  }, 1500);

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

Ist das mit einem CSS-Code möglich?

Wenn überhaupt, dann funktioniert das wohl nur mit einem Skript.

Also ein Fall für aborix oder BrokenHeart

Mira_Belle

Also, habe es geschafft einen Button für das Vorhaben zu "erschaffen".

Was mir jedoch nicht gelingen will, dass bei Betätigen eben die richtige Aktion ausgelöst wird

Werde mich weiter darum bemühen.

Das Icon in der Adresszeile ließe sich ja dann per CSS ausblenden.

Hier mal der bisherige Stand:

JavaScript

(function() {

    if (location.href !== AppConstants.BROWSER_CHROME_URL) return;
    try {
       CustomizableUI.createWidget({
          id: 'link-button-Translations',
          type: 'custom',
          defaultArea: CustomizableUI.AREA_NAVBAR,
          onBuild: function(aDocument) {         
             let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
             let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");  // Pfadangabe zum Profilordner
             let buttonicon = "translation-color.svg"  // Name & Dateiendung des anzuzeigenden Symbols
             toolbaritem.onclick = event => onClick(event);
             var props = {
                id: 'link-button-Translations',
                class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                removable: 'true',
                label: 'Quicklink: Firefox Translations',
                accesskey: '',
                tooltiptext: 'Firefox Translations',
                style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
                onclick: 'if (event.button == 0) { \ openTrustedLinkIn("about:about", "tab");\ }; '

            };            
            for (var p in props)
            toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }      
      });
   } catch(e) { };
}) ();

Alles anzeigen

Und das Symbol (Icon):

icons.zip

Mira_Belle

Bin nun einen klitzekleinen Schritt weiter!

Habe mit den Browser-Werkzeugen den Button "Firefox Translations" untersucht.

Dabei fiel mir die Schaltfläche event auf.

Also draufgeklickt und da wird etwas angezeigt.

Da steht click!

Also wird da auf ein JavaScript verwiesen.

Dieses habe ich dann mal "extrahiert" und als Test.us.js in meinem Scriptordner gespeichert.

Nun wieder zu dem oben gezeigten JavaScript!

Ich dachte mir schon, dass ich mit dem onklickgedöhns etwas machen muss!

Hab' ich auch!

Und funktioniert auch so weit, aber ...

es tut sich nichts, wenn das Test.us.js -Script durch einen klick aufgerufen wird

JavaScript

(function() {
   if (location.href !== AppConstants.BROWSER_CHROME_URL) return;
   try {
      CustomizableUI.createWidget({
         id: 'link-button-Translations',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {         
            let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");  // Pfadangabe zum Profilordner
            let buttonicon = "translation-color.svg"  // Name & Dateiendung des anzuzeigenden Symbols
            toolbaritem.onclick = event => onClick(event);
            let props = {
               id: 'link-button-Translations',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: Firefox Translations',
               accesskey: '',
               tooltiptext: 'Firefox Translations',
               style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
//               onclick: 'if (event.button == 0) { \ openTrustedLinkIn("about:about", "tab");\ }; '
            };            
            for (var p in props)
               toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }      
      });
   } catch(e) { };

   function onClick(event) {
      if (event.button != 0) { return; }
 
      var dir = Services.dirsvc.get('ProfD', Ci.nsIFile).path.replace(/\\/g, "/");
      dir.append('Test.uc.js');
      dir.launch();

   }

}) ();

Alles anzeigen

Mira_Belle

Apropos Test.us.js es funktioniert ja.

Denn wenn ich in der Adresszeile auf den Button klicke, öffnet sich ja unten die Leiste!

Ich denke, es hat mit dem Verweis direkt auf Zeile 540 zu tun,

nur ich kann mit der Zahl 25 nach dem Doppelpunkt nichts anfangen.

Ich müsste also auch direkt irgendwie darauf Zeile 540:25 verweisen, aber wie?

Boersenfeger

Äh, danke Mira_Belle, allerdings ist bei mir die "Statusleiste" unten ständig geöffnet. Ich möchte das Icon von Firefox Translations aus der URL-Zeile dauerhaft ohne zusätzliche Aktion in die "Statusleiste" verschoben wird.

siehe oben und unten die rote Markierung.. die Reihenfolge am Speicherort unten wäre mir dann völlig egal.

2002Andreas: Dann hoffe ich mal, das die beiden Lust haben und eine Lösung finden...

Mira_Belle

Hi Boersenfeger, ich kann mit "Statusleiste" jetzt nicht wirklich so viel anfangen,

aber der erzeugte Button ist frei verschiebbar und Du solltest ihn dann auch in Deine "Statusleiste" verfrachten können.

Aber bis jetzt funktioniert er ja nicht wirklich.

Und wie ich schon anmerkte, lässt sich die "Schaltfläche" in der Adresszeile per CSS ausblenden,

diesen Code würde ich dann natürlich auch in das JavaScript integrieren wollen. (lassen)

Ich bitte um Hilfe aborix oder BrokenHeart

2002Andreas

Sinnvoll wäre es doch, den Button kompl. incl. seiner Funktion zu verschieben, und nicht extra einen neuen zu erstellen, und den alten dann auch noch ausblenden zu müssen

Und wenn er nicht frei verschiebbar ist, dann eben einen genauen Platz/Ort dafür im Skript angeben, wie es auch im Skript extras_config_menu.uc.js gemacht wird.

schlingo

Zitat von Mira_Belle

ich kann mit "Statusleiste" jetzt nicht wirklich so viel anfangen

Hallo

gemeint ist die Windows Taskleiste.

Gruß Ingo

Sören Hentzschel

Zitat von 2002Andreas

Sinnvoll wäre es doch, den Button kompl. incl. seiner Funktion zu verschieben, und nicht extra einen neuen zu erstellen, und den alten dann auch noch ausblenden zu müssen

Richtig, vor allem auch wesentlich einfacher. Das ist, um sich mal nur auf die Aktion als solche zu beziehen, eine Zeile Script, den Button zu verschieben:

JavaScript

document.getElementById('new-toolbar').appendChild(document.getElementById('pageAction-urlbar-firefox-translations-addon_mozilla_org'));

Man muss sich halt nur überlegen, wo man das intergriert; ob in das bereits bestehende Script für die zusätzliche Leiste oder ob man da ein eigenständiges Script draus macht.

2002Andreas

Zitat von schlingo

gemeint ist die Windows

Nein

Sondern die per Skript selber erstellte Addonleiste.

JavaScript

//Author @aborix

(function() {

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

 var css =`
    #statuspanel {
  bottom: -20px !important;
  margin-left: -35px !important;
  border: none !important;
  margin-top: -3px !important;
}

#statuspanel-label { 
  margin-left: 80px !important;  
  border: none !important;
  background: transparent !important;
  color: blue !important;
  font-weight: bold !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);

    
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');
tb.setAttribute("context","toolbar-context-menu");
  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore( vbox, null);
    vbox.style.backgroundColor = '';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);
 
})();

Alles anzeigen

Mira_Belle

Zitat von 2002Andreas

Sinnvoll wäre es doch, den Button kompl. incl. seiner Funktion zu verschieben, und nicht extra einen neuen zu erstellen, und den alten dann auch noch ausblenden zu müssen
Und wenn er nicht frei verschiebbar ist, dann eben einen genauen Platz/Ort dafür im Skript angeben, wie es auch im Skript extras_config_menu.uc.js gemacht wird.

Ich habe es versucht!

Hatte als Vorlage das Script des Erweiterungs-Buttons genommen,

aber auch das Script der Hamburgermenüs brachte mich nicht wirklich weiter.

Und dabei sah das Script des Erweiterungs-Buttons so vielversprechend aus.

Aber der Button in der Adresszeile ist eben kein Button, zumindest nicht so, wie der für das Erweiterungsmenü,

oder eben das Hamburgermenü und daran scheitert es bei mir.

Denn wirklich JavaScript kann ich nicht.

Boersenfeger

Zitat von 2002Andreas

Nein
Sondern die per Skript selber erstellte Addonleiste.

Richtig, deswegen hatte ich das Script dazu in Beitrag 1 extra mitgeliefert

@Mira-Belle: Bitte handele deinen Wunsch doch in einem Extra Thread ab.

2002Andreas

Magst du die entsprechenden Beiträge auslagern?

Mira_Belle

Zitat von Boersenfeger

@Mira-Belle: Bitte handele deinen Wunsch doch in einem Extra Thread ab.

Oh.

Ich wollte nur helfen, ...

Und ich dachte, einen frei verschiebbaren Button mit gewünschter Funktion wäre auch in Deinem Interesse.

Na dann, nimm den Code von Sören und integriere ihn in Dein Script, dann ist es so wie Du es gerne hättest.

2002Andreas

Habe wie gewünscht einen neuen Thread aufgemacht.

2002Andreas

Zitat von Mira_Belle

der Übersichtlichkeit wegen meine Beiträge löschen.

Ok.

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

der Übersichtlichkeit wegen meine Beiträge löschen.

Ok.

Habe mich gegen das Löschen entschieden, denn es reißt auch Löscher in diesen Thread

und damit ist auch niemandem geholfen.

Denke aber, dass dieser Beitrag und auch Deiner Andreas gelöscht werden könnten.

Boersenfeger

Habe gerade festgestellt, das sowohl in URL-Leiste als auch in meiner "Status-Zeile oder Addon-Leiste" ein entsprechender funktionsfähiger Button erscheint.

Also geht es nunmehr nur noch darum, diesen aus der URL-Bar auszublenden.

Entsprechend werde ich den Threadtitel ändern.

BTW: Ich habe die Erweiterung mal bewertet und einen entsprechenden Kommentar hinterlassen:

The expansion is great! However, I wish it were possible to hide the icon/button from the URL bar.

Ich nehme gerne weitere Vorschläge an, vielleicht geht das Ausblenden ja doch mit einem Code!?

Sören Hentzschel

Zitat von Boersenfeger

Habe gerade festgestellt, das sowohl in URL-Leiste als auch in meiner "Status-Zeile oder Addon-Leiste" ein entsprechender funktionsfähiger Button erscheint.

Falls das Symbol in deiner zusätzlichen Leiste das ist, welches normalerweise im Erweiterungs-Menü beziehungsweise der Navigtionssymbolleiste erscheint: Die Schaltfläche hat eine andere Funktion als die Schaltfläche in der Adressleiste.

Adressleiste: Übersetzungsleiste für vollständige Website-Übersetzung

Erweiterungsmenü: Freie Textübersetzung

Boersenfeger

Oh, da hast du recht...... dann mache ich mal alles wieder rückgängig... Edit: erledigt

Wie wäre denn dein Scriptschnipsel aus #10 in das Script aus #1 einzubauen?

Sören Hentzschel

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

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

  var css = `
    #new-toolbar {
        height: 28px; 
        direction: rtl;
         -moz-window-dragging: drag;
        /* border-top: 1px solid black !important; 
        background-color: rgba(0,0,0,0) !important;
        color: black !important; */
    }
    
    #statuspanel {
        bottom: 0px !important;
        left: 5px !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background:#7598ff!important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: white !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);
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');
  tb.setAttribute("context", "toolbar-context-menu");
  var vbox = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
    vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);

  document.getElementById('new-toolbar').appendChild(document.getElementById('pageAction-urlbar-firefox-translations-addon_mozilla_org'));

})();

setTimeout(function () {
  if (window.__SSi == 'window0') {
    return;
  }
  let tabbar = document.getElementById('TabsToolbar');
  let tab = gBrowser.selectedTab;
  tabbar.style.display = '-moz-box';
  duplicateTabIn(tab, 'tab');
  gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
  gBrowser.removeTab(tab);
  tabbar.style.display = '';
}, 1500);

Alles anzeigen

Ich hab das nur über die Browserkonsole getestet und das funktioniert. Ich habe aber keine Möglichkeit, das als richtiges Script zu testen. Sollte die Erweiterungsschaltfläche noch nicht verfügbar sein, wenn dieser Code ausgeführt wird, muss das jemand anderes fertigstellen.

Symbol von Firefox Translate in die Statusleiste/AddOns-Leiste verschieben

Boersenfeger 21. März 2023 um 15:31

Boersenfeger 21. März 2023 um 15:46