SaveTo.uc.js

milupo

Zitat von Büssen

Ich mache auch kein Geheimnis aus meinen Codes, wollte tatsächlich, wie BrokenHeart richtig bemerkte, keine persönlichen Infos meines PC`s offerieren.

OK.

2002Andreas

Zitat von edvoldi

auch ein zu färben.

CSS

@-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml) {

.dialog-button[label="Abbrechen"] {
   -moz-appearance: none !important;
   color: white !important;
   background: red !important;
}

.dialog-button[label="Datei speichern"] {
   -moz-appearance: none !important;
   color: white !important;
   background: green !important;
}

.dialog-button[label="Abbrechen"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: green !important;
}

.dialog-button[label="Datei speichern"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: red !important;
}
}

Alles anzeigen

edvoldi

Ja so habe ich das im Firefox 75, aber ab 76 funktioniert das nicht mehr.

Ihr habt ja jetzt auch die css Datei mit in das Script eingebunden, das habe ich mit diesen Buttons auch versucht und es funktioniert nicht, auch nicht mit eine separaten css Datei.

Gruß
EDV-Oldi

2002Andreas

Für Fx 77:

CSS

@-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml) {

hbox.dialog-button-box button[label="Abbrechen"] {
   -moz-appearance: none !important;
   color: white !important;
   background: red !important;
}

hbox.dialog-button-box button[label="Datei speichern"] {
   -moz-appearance: none !important;
   color: white !important;
   background: green !important;
}

hbox.dialog-button-box button[label="Abbrechen"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: green !important;
}

hbox.dialog-button-box button[label="Datei speichern"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: red !important;
}
}

Alles anzeigen

Und so sollte es innerhalb vom Script funktionieren:

JavaScript

// ==UserScript==
// @include       chrome://mozapps/content/downloads/unknownContentType.xhtml
// @charset       UTF-8
// @version       Fx73+
// ==/UserScript==
(function() {
    
    const Cu = Components.utils;
    if (!window.FileUtils) Cu.import('resource://gre/modules/FileUtils.jsm');
    if (!window.Services) Cu.import('resource://gre/modules/Services.jsm');

    setTimeout(function() {
         saveTo()
    }, 200);


    function saveTo() {
        // Config
        var dirArray = [
['C:\\Users\\Andi\\Documents', 'Dokumente'],
['C:\\Users\\Andi\\Pictures\\Screenshots', 'Screenshots'],
//["" + FileUtils.getDir('UChrm', []).path + "", "chrome"],
//["" + FileUtils.getDir('UChrm', ['SubScript']).path + "", "SubScript"],
['F:\\', 'F:'],
['G:\\', 'G:'],
];
        let button = document.getElementById("unknownContentType").getButton("cancel");
        let saveTo = button.parentNode.insertBefore(document.createXULElement("button"), button);
        var saveToMenu = saveTo.appendChild(document.createXULElement("menupopup"));
            
        saveTo.classList.toggle("dialog-button");
        saveTo.label = "Speichern in..";
        saveTo.type = "menu";
        
        var css =`
              hbox.dialog-button-box button.dialog-button menupopup {
    background: #eeeeee !important;
}

hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover{
    background: #b0e0e6 !important;
}

hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic hbox.menu-iconic-left {
    padding-left: 5px !important;
}

hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic label.menu-iconic-text{
    padding-right: 5px !important;
    padding-left: 4px !important;
}

hbox.dialog-button-box button[label="Abbrechen"] {
   -moz-appearance: none !important;
   color: white !important;
   background: red !important;
}

hbox.dialog-button-box button[label="Datei speichern"] {
   -moz-appearance: none !important;
   color: white !important;
   background: green !important;
}

hbox.dialog-button-box button[label="Abbrechen"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: green !important;
}

hbox.dialog-button-box button[label="Datei speichern"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: red !important;
}

hbox.dialog-button-box button[label="Speichern nach"]{
   -moz-appearance: none !important;
   color: white !important;
   background: blue !important;
}

hbox.dialog-button-box button[label="Speichern nach"]:hover {
   -moz-appearance: none !important;
   color: white !important;
   background: yellow !important;
}
`;

        var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        var uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css))
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
        
        dirArray.forEach(function(dir) {
            var [name, dir] = [dir[1], dir[0]];
            var mi = document.createXULElement("menuitem");
            var item = saveToMenu.appendChild(mi);
            item.setAttribute("label", (name || (dir.match(/[^\\/]+$/) || [dir])[0]));
            item.setAttribute("image", "moz-icon:file:///" + dir + "\\");
            item.setAttribute("class", "menuitem-iconic");
            item.addEventListener("command", function() {
                var file = new FileUtils.File(dir.replace(/\\/g, '\\\\') + '\\\\' + (document.getElementById('locationtext') ? document.getElementById('locationtext').value : document.getElementById('location').value));
                dialog.mLauncher.saveToDisk(file, 1);
                dialog.onCancel = function() {};
                close();
            });
        });
        
    
        
    }
}());

Alles anzeigen

milupo

Zitat von edvoldi

Ihr habt ja jetzt auch die css Datei mit in das Script eingebunden, das habe ich mit diesen Buttons auch versucht und es funktioniert nicht, auch nicht mit eine separaten css Datei.

Wenn du viele Anpassungen vornimmst, empfiehlt sich auf jeden Fall eher eine gesonderte CSS-Datei.

2002Andreas

Ich würde eh vorschlagen zumindest die Buttonfarbe etc. in einer CSS Datei zu erstellen.

Grund:

Dann wird es beschränkt auf nur dieses Feld:

Code

@-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml) {

Ansonsten haben nämlich alle anderen Button mit: Abbrechen etc. auch die Hintergrundfarbe.

milupo

Zitat von 2002Andreas

Dann wird es beschränkt auf nur dieses Feld:

Von den drei Schaltflächen hat, so wie es scheint, nur diese Schaltfläche die Klasse dialog-button. Es könnte aber sein, dass die Klasse noch außerhalb dieses Dialogfensters vorkommt.

2002Andreas

Wenn es im Script eingetragen ist wie oben in Beitrag Nr. 44, und man den Browser schließen möchte, dann hat in dem Popup der Button: Abbrechen auch die gleiche Hintergrundfarbe.

milupo

Du kannst aber [label="Speichern in"] hinzufügen.

milupo

Hier mal mein Code:

JavaScript

var css =`
  button.dialog-button[label="Składować do"] {
    -moz-appearance: none !important;
    background-color: maroon !important;
    color: white !important;
}
            hbox.dialog-button-box button.dialog-button menupopup {
            -moz-appearance: none !important;
            background: forestgreen !important;
            color: white !important;
            }
            hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover {
                -moz-appearance: none !important;
                background: navy !important;
            }    
       `;

Alles anzeigen

Und dazu das Bildschirmfoto:

edvoldi

So ich habe jetzt Script und css getrennt.

Alls was im Script zwischen var css =`und`; stand habe ich in eine css Datei gespeichert.

Nur wenn ich im Script jetzt noch var css =` `; lösche funktioniert das Script nicht mehr.

Gruß
EDV-Oldi

milupo

Zitat von edvoldi

Nur wenn ich im Script jetzt noch var css =` `; lösche funktioniert das Script nicht mehr.

Das muss drin bleiben, der CSS-Code muss im Skripte in einer Variable stehen!

2002Andreas

Zitat von milupo

Hier mal mein Code:

Es ging ihm aber um:

Zitat von edvoldi

Leider schaffe ich es nicht die beiden Button Datei speichern und Abrechen auch ein zu färben.

Zitat von edvoldi

funktioniert das Script nicht mehr.

Du hättest nur die Buttonfarbe entfernen müssen.

Nur der CSS Inhalt reicht auch nicht, wenn dann muss auch noch das entfernt werden:

Code

 var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        var uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css))
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

milupo

Zitat von 2002Andreas

Zitat von milupo

Hier mal mein Code:

Es ging ihm aber um:

Zitat von edvoldi

Leider schaffe ich es nicht die beiden Button Datei speichern und Abrechen auch ein zu färben.

Zitat von 2002Andreas

Ich würde eh vorschlagen zumindest die Buttonfarbe etc. in einer CSS Datei zu erstellen.
Grund:
Dann wird es beschränkt auf nur dieses Feld:

Ich habe mich aber auf diesen Beitrag von dir bezogen, das besagt aber genau das Gegenteil, was im Zitat von edvoldi angegeben ist. Er will offensichtlich alle Buttons eingefärbt haben.

edvoldi

Zitat von milupo

Er will offensichtlich alle Buttons eingefärbt haben.

Alle Button die hier:

erscheinen und das ist mir mit Eure Hilfe gelungen.
Allerdings habe ich jetzt wieder Script und alle css Funktionen getrennt und den Abstand hier:

auch wieder vergrößert.

Noch einmal Danke für die Unterstützung.

Gruß
EDV-Oldi

2002Andreas

Zitat von edvoldi

Noch einmal Danke für die Unterstützung.

Gern geschehen was mich davon betrifft

Büssen

Hallo,

habe noch eine Frage als Nachklapp zu #4 - dort mein Originalscript:

in sämtlichen Profilen für die Versionen 75 / 76beta + Nightly 77 habe ich die gleiche Version des Scripts saveTo.uc.js.

Im 74er und einem Profil 77 öffnet sich bei Betätigen "Datei speichern" ein zusätzliches Fenster:

In 76 Beta erfolgt die Speicherung ohne neues Fenster.

In diesem Fenster kann ich z.B. vor dem Speichern den Dateinamen noch ändern.

Das finde ich ganz praktisch.

Hat jemand genau diese Möglichkeit?

milupo

Zitat von Büssen

Im 74er und einem Profil 77 öffnet sich bei Betätigen "Datei speichern" ein zusätzliches Fenster:
In 76 Beta erfolgt die Speicherung ohne neues Fenster.

Datei speichern hat aber mit dem Skript nichts zu tun. Es ist die normale Option. Im Skript geht es um die zusätzliche Schaltfläche „Speichern in“.

Büssen

Dann frage ich mich aber, wie es zum Öffnen des Fensters kommen kann, wenn ich die linke Schaltfläche "Datei speichern" betätige.

Das ist mir ein Rätsel?

milupo

Was hast du denn hier in den Einstellungen?

So wie es in meiner Abbildung ist, ist es Standard, und da wird kein Fenster angezeigt, denn alles wird automatisch im Ordner Downloads abgespeichert. In Fx 77 hast du wahrscheinlich dort gar keinen Ordner angegeben oder du wirst (bei der anderen Option) gefragt.

SaveTo.uc.js

Ähnliche Themen

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