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

2002Andreas

Zitat von Mira_Belle

ob die Methode wie CSS eingebunden wird

Ich nutze dafür eine Test.css Datei immer.

Ich denke aber, wenn man das per Skript erstellt, ist es der bessere Weg als nur mit CSS

Und dann evtl. auch noch eine setTimeout Funktion in das Skript einfügen.

PS:

Es ist immer wieder interessant was manche user gerne möchten.

Ich habe für mich z.B. alle Tooltips ausgeblendet.

Zitat von Mira_Belle

Was ist bei Dir anders 2002Andreas ?

Keine Ahnung

Ich habe den Code in Fx 111 und Fx 113 getestet.

Auch die .gifs sind von beiden Versionen.

Dharkness

Zitat von Mira_Belle

Danke Dharkness für den gegen Check!
Was ist bei Dir anders 2002Andreas ?

Aber gerne doch und zum Testen habe ich jetzt das * CSS mal testhalber in das JavaScript von @Mary-J. geworfen und siehe da, es sieht so aus als ob alle Tooltips angepasst sind.

*

CSS

    tooltip[label^="A"],
    tooltip[label^="B"],
    tooltip[label^="C"],
    tooltip[label^="D"],
    tooltip[label^="E"],
    tooltip[label^="F"],
    tooltip[label^="G"],
    tooltip[label^="H"],
    tooltip[label^="I"],
    tooltip[label^="J"],
    tooltip[label^="K"],
    tooltip[label^="L"],
    tooltip[label^="M"],
    tooltip[label^="N"],
    tooltip[label^="O"],
    tooltip[label^="P"],
    tooltip[label^="Q"],
    tooltip[label^="R"],
    tooltip[label^="S"],
    tooltip[label^="T"],
    tooltip[label^="U"],
    tooltip[label^="V"],
    tooltip[label^="W"],
    tooltip[label^="X"],
    tooltip[label^="Y"],
    tooltip[label^="Z"] {
        appearance: none !important;
        width: auto !important;
        height: auto !important;
        vertical-align: middle !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        border: 1px solid #0082FC !important;
        background-color: #474749 !important;
        color: #FFF !important;
        padding: 2px 5px 4px 5px !important;
    }

    tooltip,
    .tooltip,
    #tooltip,
    .balloonTooltip,
    tooltiptext,
    item[tooltiptext],
    #back-button-tooltip,
    #forward-button-tooltip,
    #dynamic-shortcut-tooltip,
    #tabbrowser-tab-tooltip {
        appearance: none !important;
        width: auto !important;
        height: auto !important;
        vertical-align: middle !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        border: 1px solid #0082FC !important;
        background-color: #474749 !important;
        color: #FFF !important;
        padding: 2px 5px 4px 5px !important;
    }

Alles anzeigen

grisu2099

Zitat von Mira_Belle

Auch nicht für die Eigenkreationen, wie den Quicklinkbutton oder den für den Neustart mit Cache leeren.

Dann schau doch mal in das betreffende Skript. Da steht das nämlich drin!

Wenn da nix steht, hast du keinen tooltip definiert und dann erscheint logischerweise auch keiner...

Als Beispiel mein Skript für den Neustart (Zeile 20):

JavaScript

 //      RestartFirefox_plus.uc.js   2


    (function() {

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

       try {
          CustomizableUI.createWidget({
             id: 'restart-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: 'restart-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: false,
                   label: 'Neustart',
                   tooltiptext: 'Neustart (mit Rechts- und Mittelklick wird userChrome.js-Cache geleert)',
                   style: 'list-style-image: url("file:///F:/FIREFOX-ICONS/Icons/Neustart.png")',
                   onclick: 'if (event.button == 0) { \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              }; \
                              if (event.button == 1 || 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;
             }
          });
          CustomizableUI.registerToolbarNode(tb);
       } catch(e) { };

       var menuitem = document.createXULElement('menuitem');
       var props = {
          id: 'restartfirefox-fileMenu2',
          label: 'Neustart',
          tooltiptext: 'Neustart (mit Rechts- und Mittelklick wird userChrome.js-Cache geleert)',
          onclick: 'if (event.button == 0) { \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              }; \
                              if (event.button == 1 || event.button == 2) { \
                                  Services.appinfo.invalidateCachesOnRestart(); \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              };'
       };
       for (var p in props)
          menuitem.setAttribute(p, props[p]);
       document.getElementById('menu_FilePopup').insertBefore(menuitem, document.getElementById('menu_FileQuitItem'));

       var pane1 = document.getElementById('appmenuPrimaryPane');
       if (pane1) {
          menuitem = document.createXULElement('menuitem');
          var props = {
             id: 'restartfirefox-fileMenu',
             class: 'menuitem-iconic',
             label: 'Neustart',
             tooltiptext: 'Neustart (mit Rechts- und Mittelklick wird userChrome.js-Cache geleert)',
             onclick: 'if (event.button == 0) { \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              }; \
                              if (event.button == 1 || event.button == 2) { \
                                  Services.appinfo.invalidateCachesOnRestart(); \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              };'
          };
          for (var p in props)
             menuitem.setAttribute(p, props[p]);
          pane1.insertBefore(menuitem, document.getElementById('appmenu-quit'));
       };

    })();

Alles anzeigen

2002Andreas

Zitat von Dharkness

als ob alle Tooltips angepasst sind.

Kleines Problem bei den Tooltips über den Lesezeichen:

Kein Text zu erkennen.

Ansonsten funktionieren die anderen.

Mira_Belle

Zitat von grisu2099

Zitat von Mira_Belle

Auch nicht für die Eigenkreationen, wie den Quicklinkbutton oder den für den Neustart mit Cache leeren.

Dann schau doch mal in das betreffende Skript. Da steht das nämlich drin!
Wenn da nix steht, hast du keinen tooltip definiert und dann erscheint logischerweise auch keiner...
Als Beispiel mein Skript für den Neustart (Zeile 20):

Du meinst den Eintrag tooltiptext: ...?

Doch, den habe ich in allen meiner selbst erstellten "Erweiterungen", seien es nur einfach Buttons (Quicklinks) oder

verschiebbare Buttons.

grisu2099

Dann weißt du doch auch den Text, der da steht und kannst die entsprechend ansprechen...

milupo

Zitat von Dharkness

siehe da, es sieht so aus als ob alle Tooltips angepasst sind.

Es wäre m. E. besser, die Selektoren einzeln zu testen. Man weiß ja nie, wo welcher Selektor vorkommt, unter Umständen kommt ein Selektor gar nicht (mehr) vor und wirkt nicht. Man sieht es aber nicht, wenn man nicht weiß, auf welches Element er wirkt. Den Selektor .tooltip habe ich irgendwie nicht in den Browser-Werkzeugen gefunden.

Außerdem denke ich, dass die eingegrenzten Selektoren tooltip[label=^....] ans Ende des Codes sollten, da der generelle Selektor tooltip (Zeile 39) die Selektoren tooltip[label=^....] überschreiben könnte. Das könnte jetzt nicht auffallen, denn, wenn ich das richtig sehe, sind die Regeln für beide Gruppen gleich.

2002Andreas

Zitat von 2002Andreas

Kein Text zu erkennen.

Sorry, hat sich erledigt.

Wenn ich den Text selber ausblende, dann kann er auch nicht angezeigt werden

Dharkness

Zitat von 2002Andreas

Kleines Problem bei den Tooltips über den Lesezeichen:

Nope, hier nicht.

2002Andreas

Zitat von Dharkness

Nope, hier nicht.

Siehe Beitrag über deinem.

So sieht das jetzt aus:

Mira_Belle

Zitat von grisu2099

Dann weißt du doch auch den Text, der da steht und kannst die entsprechend ansprechen...

Es ist ja sehr nett, dass Du helfen willst, aber ich schrieb schon weiter vorne im Thread, dass auch das nicht funktioniert!

Aber Dharkness hat eine Lösung geliefert, was auch mein nächster Schritt gewesen wäre.

Den CSS-Code per JavaScript unterschieben

Mir schwirrte im Hinterkopf, dass man den Fuchs auch per Skript zum Umsetzen von CSS überreden kann,

CSS-loader.

Daher rührte auch meine Frage an 2002Andreas, mit welcher Methode es seinen Firefox überredet hat.

Denn ein frisch installierter Firefox muss für Anpassungen mittels CSS ja erst vorbereitet werden.

Danke Dharkness für Deinen Code, ich werde die kommende Woche das Teil mal komplett zerpflücken,

damit ich weiß, welcher Selektor genau welchen Tooltip anspricht.

Danke an alle Beteiligten und hoffentlich kann Mary-J. auch mit dem Skript etwas anfangen.

Dharkness

Zitat von milupo

Außerdem denke ich, dass die eingegrenzten Selektoren tooltip[label=^....] ans Ende des Codes sollten, da der generelle Selektor tooltip (Zeile 39) die Selektoren tooltip[label=^....] überschreiben könnte. Das könnte jetzt nicht auffallen, denn, wenn ich das richtig sehe, sind die Regeln für beide Gruppen gleich.

Das war erst einmal nur ein Test, nun geht es an die speziellen Anpassungen.

2002Andreas

Zitat von Mira_Belle

Den CSS-Code per JavaScript unterschieben

So war es ja auch in dem Anfangsbeitrag zum Thema

Zitat von Mira_Belle

ein frisch installierter Firefox muss für Anpassungen mittels CSS ja erst vorbereitet werden.

Ich habe dafür nicht extra einen neuen Fx installiert bzw. ein neues Profil genutzt.

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Den CSS-Code per JavaScript unterschieben

So war es ja auch in dem Anfangsbeitrag zum Thema

Mann, Himmel!

Und ich schrieb, dass ich so gar nicht glücklich darüber bin, dass das JavaScript eben auch die Darstellung

von Webseiten beeinflusst und bin deshalb auf nackisches CSS übergegangen!

So haben wir die ganze Zeit aneinander vorbeikommuniziert!

Aber das wäre ja jetzt geklärt!

2002Andreas

Zitat von Mira_Belle

bin deshalb auf nackisches CSS übergegangen!

Alle meine .gifs und Screenshot sind per Einträge in der userChrome.css gewesen!

Ich hatte aber extra dann noch geschrieben:

Zitat von 2002Andreas

Ich denke aber, wenn man das per Skript erstellt, ist es der bessere Weg als nur mit CSS

Zitat von Mira_Belle

von Webseiten beeinflusst

Ich kenne mich mit Skripten nicht aus, aber es sollte dann noch ein Eintrag in dieser Art im Skript enthalten sein:

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

2002Andreas

Zitat von Mira_Belle

von Webseiten beeinflusst

Wenn du die Webseiten ausschließen willst, dann sollte es reichen, aus dem Code/Skript das zu entfernen:

.balloonTooltip

Dharkness

Zitat von 2002Andreas

Wenn du die Webseiten ausschließen willst, dann sollte es reichen, aus dem Code/Skript das zu entfernen:

.balloonTooltip

Nope,

das ist hier schon längst entfernt, aber die Websites sind nicht ausgeschlossen.

2002Andreas

Zitat von Dharkness

die Websites sind nicht ausgeschlossen.

Mit diesem Skript:

JavaScript

(function () {
    var css = `
    tooltip[label^="A"],
    tooltip[label^="B"],
    tooltip[label^="C"],
    tooltip[label^="D"],
    tooltip[label^="E"],
    tooltip[label^="F"],
    tooltip[label^="G"],
    tooltip[label^="H"],
    tooltip[label^="I"],
    tooltip[label^="J"],
    tooltip[label^="K"],
    tooltip[label^="L"],
    tooltip[label^="M"],
    tooltip[label^="N"],
    tooltip[label^="O"],
    tooltip[label^="P"],
    tooltip[label^="Q"],
    tooltip[label^="R"],
    tooltip[label^="S"],
    tooltip[label^="T"],
    tooltip[label^="U"],
    tooltip[label^="V"],
    tooltip[label^="W"],
    tooltip[label^="X"],
    tooltip[label^="Y"],
    tooltip[label^="Z"] {
        appearance: none !important;
        width: auto !important;
        height: auto !important;
        vertical-align: middle !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        border: 1px solid #0082FC !important;
        background-color: red !important;
        color: #FFF !important;
        padding: 2px 5px 4px 5px !important;
    }
    
     .balloonTooltip{
        appearance: none !important;
        border: 1px solid #0082FC !important;
        background-color: green !important;
        color: #FFF !important;
    }

    tooltip,
    .tooltip,
    #tooltip,
   
    tooltiptext,
    item[tooltiptext],
    #back-button-tooltip,
    #forward-button-tooltip,
    #dynamic-shortcut-tooltip,
    #tabbrowser-tab-tooltip {
        appearance: none !important;
        width: auto !important;
        height: auto !important;
        vertical-align: middle !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        border: 1px solid #0082FC !important;
        background-color: #474749 !important;
        color: #FFF !important;
        padding: 2px 5px 4px 5px !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.AGENT_SHEET);
})();

Alles anzeigen

Dharkness

Zitat von 2002Andreas

Mit diesem Skript:

Hm, mir ist gerade etwas aufgefallen, auf Webseiten gibt es unterschiedliche Tooltip, der Button um alles im Codekasten anzuzeigen bzw. den Inhalt des Codekastens zu kopieren sind andere als die, die erscheinen, wenn man über die eingefügten Grafiken hovert, das macht natürlich alles etwas komplizierter.

2002Andreas

Zitat von Dharkness

der Button um alles im Codekasten anzuzeigen bzw. den Inhalt des Codekastens zu kopieren sind andere als

CSS

.balloonTooltip.active {
  background-color: red !important;
}