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

Zitat von Speravir

Dasselbe wie AnimationToggleButton in meinem Beitrag Nr. 4443: Es wird die Einstellung image.animation_mode auf einen von drei möglichen Werten geändert und dann die aktuelle Seite neu geladen (sollte es zumindest), wobei sich auch der Button selbst ändert/ändern sollte. Das Ergebnis kann man mit allen animierten Grafiken testen, Beispiele (alle Wikimedia Commons):

Es wäre übrigens tatsächlich mal interessant, was man in MacOS statt des Mittelklicks tun muss.

Ebenfalls vergessen zu antworten, sorry.
Am Mac sollte es da keinen Unterschied geben, event.button 0, 1, 2 ist Maustaste links, Mitte, rechts.

Zitat von Endor

Hallo zusammen.
Für das Script saveto.uc.js gibt es eine neue Version für Firefox 139

Das sieht bei mir so aus. Woran kann das liegen?

Zitat von bege

Woran kann das liegen?

Ich denke mal, an den Zeilen 26-28. Dort steht dreimal padding: padding-left bedeutet ein Innenabstand von links, padding-right, Innenabstand von rechts. Der von rechts ist größer. Da stoßen beide bei herunterladen zusammen. Außerdem gibt es da noch padding als Sammeleigenschaft: Das bedeutet es kommen noch einmal 3px für links bzw. rechts drauf. Dazu 3px für oben und unten.

Zitat von milupo

Ich denke mal, an den Zeilen 26-28.

Daran habe ich auch gedacht. Aber das verändert ja nur die Position der Labels . Aber warum sind sie mit der neuen Skriptversion zwei Mal da?

Ja, bei mir auch und vor allem mit meiner älteren Version hier ebenfalls. Ich habe etwas herumexperimentiert, aber keine Lösung gefunden.

Zitat von milupo

Ja, bei mir auch und vor allem mit meiner älteren Version hier ebenfalls. Ich habe etwas herumexperimentiert, aber keine Lösung gefunden.

Das ist ja verrückt. Bei meiner alten Version war die Anzeige korrekt, aber beim Klick auf einen Ordner passierte nichts mehr. Nach deinem Beitrag habe ich die alte Version nochmal aktiviert und jetzt sind auch hier die Labels zwei mal zu sehen. Kein weiteres Firefox-Update dazwischen (aktuell 139.0.1). 🤔

Zitat von milupo

Ich denke mal, an den Zeilen 26-28. Dort steht dreimal padding: padding-left bedeutet ein Innenabstand von links, padding-right, Innenabstand von rechts. Der von rechts ist größer. Da stoßen beide bei herunterladen zusammen. Außerdem gibt es da noch padding als Sammeleigenschaft: Das bedeutet es kommen noch einmal 3px für links bzw. rechts drauf. Dazu 3px für oben und unten.

Ahem, nicht so ganz, glaub ich.
padding-left und padding-right überschreiben hier padding für links/rechts, soweit ich weiss.
In dem Fall sollte das:

			padding: 3px !important;
			padding-left: 5px !important;
			padding-right: 12px !important;

das ergeben:

            padding-top: 3px !important;
            padding-bottom: 3px !important;
			padding-left: 5px !important;
			padding-right: 12px !important;

Füge mal den folgenden Schnipsel zusätzlich in den CSS-Teil des Skriptes ein und teste:

hbox.dialog-button-box button.dialog-button menupopup menuitem:not([highlightable]) > .menu-highlightable-text,
			menuitem[highlightable] > .menu-text {
				display: none;
			}

Zitat von grisu2099

Füge mal den folgenden Schnipsel zusätzlich in den CSS-Teil des Skriptes ein und teste:

CSS

hbox.dialog-button-box button.dialog-button menupopup menuitem:not([highlightable]) > .menu-highlightable-text,
			menuitem[highlightable] > .menu-text {
				display: none;
			}

👍Super, danke.

Hast du eine Idee, warum auch das alte Skript plötzlich dieses Verhalten zeigt?

Zitat von bege

Hast du eine Idee, warum auch das alte Skript plötzlich dieses Verhalten zeigt?

Ich denke, weil das Problem nicht beim Skript liegt, sondern bei Firefox, die Elemente mit highlightable sind wohl in Firefox neu.

Zitat von bege

👍Super, danke.

Gern geschehen. Frag mich aber bitte nicht, wo/wie ich das gefunden habe...

Zitat von milupo

Ich denke, weil das Problem nicht beim Skript liegt, sondern bei Firefox, die Elemente mit highlightable sind wohl in Firefox neu.

Das vermute ich auch...

Zitat von grisu2099

Frag mich aber bitte nicht, wo/wie ich das gefunden habe...

Na gut. 😉

Zitat von Endor

Für das Script saveto.uc.js gibt es eine neue Version für Firefox 139

Es gibt noch einen Fehler im Skript. Im letzten CSS-Befehl muss es ganz am Ende des Selektors menu-text heißen statt menu-iconic-text. Sonst greifen die padding-Werte nicht.

Ich nutze eine Windows-App, die abends das Windows-Theme von hell auf dunkel stellt. Dann funktionieren die Farben des Popups nicht mehr richtig, weil der Hintergrund im Skript hell fixiert ist, die Schrift aber auf weiß geändert wird. Um den Hintergrund flexibel je nach Windows-Theme zu halten, habe ich im zweiten CSS-Befehl den background: -Wert von #F0F0F0 auf var(--background-color-box) geändert.

Edit: Im dritten Befehl den background: -Wert von #91C9F7 auf var(--button-background-color-hover) ändern lässt den Hintergrund beim Hovern flexibel je nach Windows-Theme.

Mit diesen Änderungen funktioniert es wieder prima. Danke Endor und alle Mitdenker.

Zitat von Horstmann

padding-left und padding-right überschreiben hier padding für links/rechts, soweit ich weiss.

Das ginge auch in einer Zeile: padding: 3px 12px 3px 5px;. Aber für so Bastler wie mich ist es wie geschrieben übersichtlicher. Deshalb kann es von mir aus so bleiben.

Zitat von Endor

Hallo zusammen.
Für das Script saveto.uc.js gibt es eine neue Version für Firefox 139
Denkt daran eure Anpassungen - Änderungen zu übertragen.

JavaScript

// ==UserScript==
// @include       chrome://mozapps/content/downloads/unknownContentType.xhtml
// @charset       UTF-8
// @sandbox       true
// @version       Fx139+
// ==/UserScript==

(function() {

	const {FileUtils} = ChromeUtils.importESModule('resource://gre/modules/FileUtils.sys.mjs');
	const {setTimeout} = ChromeUtils.importESModule('resource://gre/modules/Timer.sys.mjs');

	const css = `
		hbox.dialog-button-box button.dialog-button menupopup {
			background: #F0F0F0 !important;
			border: 1px solid #CCCCCC !important;
			padding: 2px !important;
		}
		hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover {
			background: #91C9F7 !important;
		}
		hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic hbox.menu-iconic {
			padding: 3px !important;
		}
		hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic label.menu-iconic-text{
			padding: 3px !important;
			padding-left: 5px !important;
			padding-right: 12px !important;
		}`;
	const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	try {
		const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
		if(!sss.sheetRegistered(uri, sss.AGENT_SHEET))
		sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	} catch (ex) {}
	
	setTimeout(function() {
		saveTo()
	}, 200);

	function saveTo() {
		// config
		const dirArray = [
			['C:\\', 'System'],
			['D:\\', 'DATA'],
			['D:\\Software', 'Software'],
			['D:\\Downloads', 'herunterladen'],
			['D:\\Video', 'Video'],
			['' + FileUtils.getDir('UChrm', []).path + '', 'chrome'],
			//['' + FileUtils.getDir('UChrm', ['SubScript']).path + '', 'SubScript'],

			['F:\\', 'F:'],
			['G:\\', 'G:'],
			['H:\\', 'H:'],
		];

		const button = document.getElementById('unknownContentType').getButton('cancel');
		const saveTo = button.parentNode.insertBefore(document.createXULElement('button'), button);
		const saveToMenu = saveTo.appendChild(document.createXULElement('menupopup'));
		saveTo.classList.toggle('dialog-button');
		saveTo.label = 'Speichern nach';
		saveTo.type = 'menu';
		dirArray.forEach(function(dir) {
			const name = dir[1];
			dir = dir[0];
			const mi = document.createXULElement('menuitem');
			const 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('click', function() {
				const locationtext = document.getElementById('locationtext');
				const file = new FileUtils.File(dir + '\\' + (locationtext ? locationtext.value : document.getElementById('location').value));
				dialog.mLauncher.saveDestinationAvailable(file);
				dialog.onCancel = function() {};
				close();
			});
		});
	}
}());

Alles anzeigen

Diese Version ist nun auch bei Github zu finden:
https://github.com/Endor8/userChr…39/saveto.uc.js
Mfg.
Endor

Zitat von bege

Zitat von grisu2099

Füge mal den folgenden Schnipsel zusätzlich in den CSS-Teil des Skriptes ein und teste:

CSS

hbox.dialog-button-box button.dialog-button menupopup menuitem:not([highlightable]) > .menu-highlightable-text,
			menuitem[highlightable] > .menu-text {
				display: none;
			}

👍Super, danke.

Hast du eine Idee, warum auch das alte Skript plötzlich dieses Verhalten zeigt?

It is more appropriate to use the CSS built into Firefox.

const saveToMenu = saveTo.appendChild(document.createXULElement('menupopup'));
const link1 = document.createElementNS("http://www.w3.org/1999/xhtml", "html:link");
link1.rel = "stylesheet";
link1.href = "chrome://global/skin/global.css";
saveToMenu.appendChild(link1);
const link2 = document.createElementNS("http://www.w3.org/1999/xhtml", "html:link");
link2.rel = "stylesheet";
link2.href = "chrome://global/content/elements/menupopup.css";
saveToMenu.appendChild(link2);

jizz Please complete your idea in a whole script.

Because I can't really do much with the code snippet.

Zitat von Mira_Belle

jizz Please complete your idea in a whole script.

Because I can't really do much with the code snippet.

// ==UserScript==
// @include       chrome://mozapps/content/downloads/unknownContentType.xhtml
// @charset       UTF-8
// @sandbox       true
// @version       Fx139+
// ==/UserScript==

(function () {

    const { FileUtils } = ChromeUtils.importESModule('resource://gre/modules/FileUtils.sys.mjs');
    const { setTimeout } = ChromeUtils.importESModule('resource://gre/modules/Timer.sys.mjs');

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

    function saveTo () {
        // config
        const dirArray = [
            ['C:\\', 'System'],
            ['D:\\', 'DATA'],
            ['D:\\Software', 'Software'],
            ['D:\\Downloads', 'herunterladen'],
            ['D:\\Video', 'Video'],
            ['' + FileUtils.getDir('UChrm', []).path + '', 'chrome'],
            //['' + FileUtils.getDir('UChrm', ['SubScript']).path + '', 'SubScript'],

            ['F:\\', 'F:'],
            ['G:\\', 'G:'],
            ['H:\\', 'H:'],
        ];

        const button = document.getElementById('unknownContentType').getButton('cancel');
        const saveTo = button.parentNode.insertBefore(createEl('button', {
            label: 'Speichern nach',
            class: 'dialog-button',
            type: 'menu'
        }), button);
        const saveToMenu = saveTo.appendChild(createEl('menupopup'));
        saveToMenu.appendChild(createEl("html:link", {
            rel: "stylesheet",
            href: "chrome://global/skin/global.css"
        }));
        saveToMenu.appendChild(createEl("html:link", {
            rel: "stylesheet",
            href: "chrome://global/content/elements/menupopup.css"
        }));
        dirArray.forEach(function (a) {
            const [dir, name] = [a[0], a[1]];
            saveToMenu.appendChild(createEl('menuitem', {
                label: (name || (dir.match(/[^\\/]+$/) || [dir])[0]),
                image: 'moz-icon:file:///' + dir + '\\',
                class: 'menuitem-iconic',
                dir: dir,
                onclick: function () {
                    const locationtext = document.getElementById('locationtext');
                    const file = new FileUtils.File(this.getAttribute('dir') + '\\' + (locationtext ? locationtext.value : document.getElementById('location').value));
                    dialog.mLauncher.saveDestinationAvailable(file);
                    dialog.onCancel = function () { };
                    close();

                }
            }));
        });
    }

    function createEl (type, attrs = {}, doc = document) {
        let el = type.startsWith('html:')
            ? doc.createElementNS('http://www.w3.org/1999/xhtml', type)
            : doc.createXULElement(type);

        for (let key of Object.keys(attrs)) {
            key.startsWith('on')
                ? el.addEventListener(key.slice(2).toLocaleLowerCase(), attrs[key])
                : el.setAttribute(key, attrs[key]);
        }

        return el;
    }
}());

jizz Many thanks!

Zitat von Endor

Diese Version ist nun auch bei Github zu finden:
https://github.com/Endor8/userChr…39/saveto.uc.js
Mfg.
Endor

Was kann saveto.uc.js? Grüße Lionsson

Ich bitte um Entschuldigung: die Schreibweise SaveTo.uc.js hat mir geholfen.

Abgesehen davon bin ich großer Fan eine kurzen "description" in einer der ersten Zeile eines jeden Skripts.

GL

Zitat von jizz

JavaScript

// ==UserScript==
// @include       chrome://mozapps/content/downloads/unknownContentType.xhtml
// @charset       UTF-8
// @sandbox       true
// @version       Fx139+
// ==/UserScript==

(function () {

    const { FileUtils } = ChromeUtils.importESModule('resource://gre/modules/FileUtils.sys.mjs');
    const { setTimeout } = ChromeUtils.importESModule('resource://gre/modules/Timer.sys.mjs');

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

    function saveTo () {
        // config
        const dirArray = [
            ['C:\\', 'System'],
            ['D:\\', 'DATA'],
            ['D:\\Software', 'Software'],
            ['D:\\Downloads', 'herunterladen'],
            ['D:\\Video', 'Video'],
            ['' + FileUtils.getDir('UChrm', []).path + '', 'chrome'],
            //['' + FileUtils.getDir('UChrm', ['SubScript']).path + '', 'SubScript'],

            ['F:\\', 'F:'],
            ['G:\\', 'G:'],
            ['H:\\', 'H:'],
        ];

        const button = document.getElementById('unknownContentType').getButton('cancel');
        const saveTo = button.parentNode.insertBefore(createEl('button', {
            label: 'Speichern nach',
            class: 'dialog-button',
            type: 'menu'
        }), button);
        const saveToMenu = saveTo.appendChild(createEl('menupopup'));
        saveToMenu.appendChild(createEl("html:link", {
            rel: "stylesheet",
            href: "chrome://global/skin/global.css"
        }));
        saveToMenu.appendChild(createEl("html:link", {
            rel: "stylesheet",
            href: "chrome://global/content/elements/menupopup.css"
        }));
        dirArray.forEach(function (a) {
            const [dir, name] = [a[0], a[1]];
            saveToMenu.appendChild(createEl('menuitem', {
                label: (name || (dir.match(/[^\\/]+$/) || [dir])[0]),
                image: 'moz-icon:file:///' + dir + '\\',
                class: 'menuitem-iconic',
                dir: dir,
                onclick: function () {
                    const locationtext = document.getElementById('locationtext');
                    const file = new FileUtils.File(this.getAttribute('dir') + '\\' + (locationtext ? locationtext.value : document.getElementById('location').value));
                    dialog.mLauncher.saveDestinationAvailable(file);
                    dialog.onCancel = function () { };
                    close();

                }
            }));
        });
    }

    function createEl (type, attrs = {}, doc = document) {
        let el = type.startsWith('html:')
            ? doc.createElementNS('http://www.w3.org/1999/xhtml', type)
            : doc.createXULElement(type);

        for (let key of Object.keys(attrs)) {
            key.startsWith('on')
                ? el.addEventListener(key.slice(2).toLocaleLowerCase(), attrs[key])
                : el.setAttribute(key, attrs[key]);
        }

        return el;
    }
}());

Alles anzeigen

Perfekt! Macht genau, was grisu2099 und ich mit CSS gebastelt haben.

Endor , nimmt du das ins Github repo auf?