Benutzerskripte funktionieren seit Version 138 teilweise nicht mehr

Sören Hentzschel

Zitat von Horstmann

Was ist die Funktion des Erledigt Status überhaupt?
Es gibt dafür glaub ich eine Übersicht irgendwo, wüsste aber nicht dass ich der jemals Aufmerksamkeit geschenkt hätte.

Die Funktion ist selbsterklärend, würde ich behaupten. Es gibt Nutzer, die gezielt nach unerledigten Themen schauen, um zu helfen, ohne Zeit für Themen zu „verschwenden“, in denen es nichts zu tun gibt. Nicht jeder ist an Grundsatzdiskussionen und Smalltalk interessiert.

Zitat von Horstmann

Tatsache ist, dass die (fast) gleiche Frage zur (fast) gleichen Scriptversion des gleichen Script-Themas innerhalb der letzten Tage drei mal in drei verschiedenen Threads gestellt wurde.

Du schreibst zwei Mal „fast“. Demnach war es also in zwei Aspekten eben nicht das Gleiche. Abgesehen davon sehe ich das Problem nicht. Themen kosten doch nichts. Als helfender Nutzer kann man außerdem auf bestehende Themen verweisen, wenn das sinnvoll ist. Für den fragenden Nutzer ist es schlicht und ergreifend nicht immer offensichtlich, ob sein Thema schon behandelt wurde, insbesondere nicht, wenn individuell angepasste Versionen verwendet werden (was hier gar nicht so selten der Fall ist) und man als Anwender nicht viel davon versteht (was ebenfalls nicht selten der Fall ist). Ich erwarte von den Nutzern nicht, dass vorab eine Einschätzung vorgenommen wird, ob das in ein bestehendes Thema passt oder nicht. Zumal es wie gesagt auch immer noch die Argumente gibt, dass Dinge ansonsten leicht durcheinander gehen oder übersehen werden können und der Erledigt-Status auch nur für den Themenstarter gilt.

Wer ein neues Thema erstellt, macht keinen Fehler. Zumal genau darum in den Forenregeln ja auch gebeten wird.

.DeJaVu

Kommt mir irgendwie bekannt vor.

Mira_Belle

Zitat von Stoiker

Am Skript selbst kann ich qua mangelnder Kenntnisse sowieso nix ändern, habe nur einen Link zum Beitrag eingefügt falls ich mal irgendwann die Quelle suche

Son Goku

Huhu,

ichh abe auch ein Script gefunden was nicht mehr funktioniert.

Es speichert PDF Datei in einem vorgegebenen Ordner.

JavaScript

// ==UserScript==
// @include       chrome://mozapps/content/downloads/unknownContentType.xhtml
// @charset       UTF-8
// @version       Fx78+
// ==/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 = [
  ['G:\\xxx\\xxx\\xxx', 'G:\\xxx\\xxx\\xxx'],

    ];

       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 nach";
       saveTo.type = "menu";
       
       var css =`
       
      /* wenn Schriftfarbe anders für DropDown */
     hbox.dialog-button-box button.dialog-button menupopup {
        border-radius:4px  !important;
         background: #6200a4 !important;
        color:#f9f9fa !important; /* Grey 10 */
     }
     
/* Hintergrund der einzelnen Button */    
hbox.dialog-button-box button[label="Speichern nach"]{
   appearance: none!important;
   color: white !important;
   background: dodgerblue !important;
   border: 1px solid black !important;
   border-radius: 7px !important;
   padding-left: 4px !important;
   padding-right: 4px !important;
   padding-bottom: 3px !important;
   } 
   
hbox.dialog-button-box button[label="Speichern nach"]:hover {
   appearance: none !important;
   color: white !important;
   background: blue !important;
   border: 1px solid red !important;
   } 
     hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover {
          background: #6200a4 !important;    /* Purple 70 */
       color: #ffe900 !important;         /* Yellow 50 */
     }

     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{
       font-weight: 700 !important;
       padding:5px 10px 5px 5px !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.saveDestinationAvailable(file);
               dialog.onCancel = function() {};
               close();
           });
       });   
       
   }
}());

Alles anzeigen

kann man das wieder zum laufen bringen ?

Edit 2002Andreas:
Text in Code-Block einfügen gesetzt.

2002Andreas

Zitat von Son Goku

kann man das wieder zum laufen bringen ?

Teste bitte:

JavaScript

// ==UserScript==
// @include       chrome://mozapps/content/downloads/unknownContentType.xhtml
// @charset       UTF-8
// @version       Fx139+
// angepasst von @BrokenHeart
//https://www.camp-firefox.de/forum/thema/138876-firefox-v136-0a1-skript-saveto-funktioniert-nicht-mehr/?postID=1270057#post1270057
// ==/UserScript==

(function() {

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

	var css = `
		/* wenn Schriftfarbe anders für DropDown */
     hbox.dialog-button-box button.dialog-button menupopup {
        border-radius:4px  !important;
        background: #6200a4 !important;
        color:#f9f9fa !important; /* Grey 10 */
     }
     
       /* Hintergrund der einzelnen Button */    
    hbox.dialog-button-box button[label="Speichern nach"]{
       appearance: none!important;
       color: white !important;
       background: dodgerblue !important;
       border: 1px solid black !important;
       border-radius: 7px !important;
       padding-left: 4px !important;
       padding-right: 4px !important;
       padding-bottom: 3px !important;
   } 
   
    hbox.dialog-button-box button[label="Speichern nach"]:hover {
      appearance: none !important;
      color: white !important;
      background: blue !important;
      border: 1px solid red !important;
   } 
    hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover {
      background: #6200a4 !important;    /* Purple 70 */
      color: #ffe900 !important;         /* Yellow 50 */
   }

    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{
      font-weight: 700 !important;
      padding:5px 10px 5px 5px !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);


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

	function saveTo() {
		// config
		var dirArray = [
		['G:\\xxx\\xxx\\xxx', 'G:\\xxx\\xxx\\xxx'],
		];

		//[FF139+] ->
		if(!document.getElementById("unknownContentType")) 
			return;
		//<- [FF139+] 
		
		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 nach";
		saveTo.type = "menu";
		
		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("click", function() {  ////[FF139+]: "command" -> "click"
				var locationtext = document.getElementById('locationtext');
				var file = new FileUtils.File(dir + '\\' + (locationtext ? locationtext.value : document.getElementById('location').value));
				dialog.mLauncher.saveDestinationAvailable(file);
				dialog.onCancel = function() {};
				close();
			});
		});
	}
}());

Alles anzeigen

Son Goku

besten Dank Andreas.

läuft wieder

2002Andreas

Zitat von Son Goku

besten Dank Andreas.

Gerne wie immer

Horstmann

Code

item.addEventListener("click", function() {  ////[FF139+]: "command" -> "click"

Wie macht das Sinn?
Ich dachte bisher, command deckt Tastatur + Mouseinputs ab, click nur Mouseklicks.

Oder sehe ich das falsch?

Sören Hentzschel

Vorab: Ob die Änderung des Events in diesem Script Sinn ergibt oder nicht, kann ich nicht beurteilen, da ich es weder getestet noch Änderungen in dem Bereich beobachtet habe.

Nur allgemein, um sicherzugehen, dass hinter der Formulierung mit dem „abdecken“ kein Missverständnis besteht: command ist keine Zusammenfassung für verschiedene andere Events, sondern ein eigenes Event, welches zusätzlich gefeuert wird. Wenn man einen Button klickt, wird zuerst ein click-Event gefeuert und anschließend ein command-Event. Um zu unterstreichen, dass es einen Unterschied gibt: Würde man in einem click-Handler mittels event.preventDefault() das Standard-Verhalten unterdrücken, würde das command-Event gar nicht mehr gefeuert werden. Insofern mag es in vielen Fällen egal sein, es kann aber auch ein relevanter Unterschied sein, auf welches Event man hört.

Stoiker

Guten Abend
Mit dem Update auf Version 154 hat eines der Skripte (zeigt die Anzahl der LZ und Unterordner an) sein Aussehen geändert. Aber wie das so ist, so wie es bis Version 153.x war, war es "weniger monkig"

So sieht es bis V. 153.x aus:

So seit ein paar Tagen mit V. 154:

Kann jemand weiterhelfen, sodass die Anzeige wieder rechtsbündig ist?

JavaScript

// Link zum Thread: https://www.camp-firefox.de/forum/thema/139418-benutzerskripte-funktionieren-seit-version-138-teilweise-nicht-mehr/?postID=1272957#post1272957

(function() {

    if (!window.gBrowser)
        return;
    
    setTimeout(function() {
        setFunction();
    },50);

    function setFunction() {

        const css =`
            .countClass::after {
                content: attr(data-value); 
                color: white;
				padding-left: 2px;
                margin-left: auto !important;
            }
        `;

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

        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');
        
        if(bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing ); 
    }
    
    function onPopupShowing(aEvent) {
        
        let popup = aEvent.originalTarget;

        for (let item of popup.children) {
            if (item.localName != 'menu' || item.id?.startsWith('history'))
                continue;
            setTimeout(() => {
              let itemPopup = item.menupopup;
              itemPopup.openPopup();
              itemPopup.hidePopup();
              let menuitemCount = 0;
              let menuCount = 0;
              for (let subitem of itemPopup.children) {
                if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
                  if (subitem.localName == 'menuitem') {
                    menuitemCount++;
                  } else if (subitem.localName == 'menu') {
                    menuCount++;
                  }
                }
              }
              
              let label = item.childNodes[1]; //label.menu-iconic-text
  
              label.classList.add('countClass');
              let strCountOut = "  " + menuCount + "/" + menuitemCount + ""
              label.setAttribute('data-value', strCountOut);

            }, 100);
        }
    }
    
})();

Alles anzeigen

FuchsFan

Zitat von Stoiker

Kann jemand weiterhelfen, sodass die Anzeige wieder rechtsbündig ist?

Meinst du das so?

JavaScript

(function() {

    if (!window.gBrowser)
        return;
    
    setTimeout(function() {
        setFunction();
    }, 50);

    function setFunction() {

        const css = `
            /* Label selbst muss relativ sein, damit das Pseudo-Element absolut positioniert werden kann */
            .countClass {
                position: relative;
                padding-right: 2.5em; /* Platz für die Zählung rechts */
            }

            /* ::after absolut rechts positioniert */
            .countClass::after {
                content: attr(data-value);
                position: absolute;
                right: 0.25em;
                top: 50%;
                transform: translateY(-50%);
                color: white;
                background: rgba(0,0,0,0.3);
                padding: 0 0.25em;
                border-radius: 0.25em;
                font-size: 0.9em;
                white-space: nowrap;
                pointer-events: none;
            }
        `;

        try {
            const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
            const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
            if (!sss.sheetRegistered(uri, sss.AGENT_SHEET)) {
                sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
            }
        } catch (e) {
            console.error("Fehler beim Registrieren des Stylesheets:", e);
        }

        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');
        
        if (bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
        if (bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing ); 
        if (persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing ); 
    }
    
    function onPopupShowing(aEvent) {
        
        let popup = aEvent.originalTarget;
        if (!popup || !popup.children) return;

        for (let item of popup.children) {
            if (item.localName != 'menu' || item.id?.startsWith('history'))
                continue;
            // kleiner Timeout zum Auffinden der child-popup Elemente
            setTimeout(() => {
              try {
                let itemPopup = item.menupopup;
                if (!itemPopup) return;
                // Öffnen/Schließen nur, wenn nötig
                itemPopup.openPopup && itemPopup.openPopup();
                itemPopup.hidePopup && itemPopup.hidePopup();

                let menuitemCount = 0;
                let menuCount = 0;
                for (let subitem of itemPopup.children) {
                  if (subitem.classList && subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
                    if (subitem.localName == 'menuitem') {
                      menuitemCount++;
                    } else if (subitem.localName == 'menu') {
                      menuCount++;
                    }
                  }
                }

                // robuster Label-Finder: suche gezielt nach .menu-iconic-text
                let label = item.querySelector('.menu-iconic-text') || item.querySelector('label') || item.childNodes[1];
                if (!label) return;

                label.classList.add('countClass');
                let strCountOut = menuCount + "/" + menuitemCount;
                label.setAttribute('data-value', strCountOut);

              } catch (e) {
                console.error("Fehler im onPopupShowing-Handler:", e);
              }
            }, 80);
        }
    }
    
})();

Alles anzeigen

Stoiker

Danke für das Skript.
Ich muss zur Veranschaulichung zwei andere Screenshots als die obigen nutzen.
In Version 153.x sieht es so aus:

Mit deinem Skript ist es schon besser als vorher, aber es gibt ein paar LZ, da passt es nicht:

D.h. hier "rutscht" die Anzeige in den Text rein.
Ich habe gestern Abend kurz versucht das mit Hilfe von KI zu verstehen, aber bei Javaskript bin ich noch mehr raus als bei *.css

FuchsFan

Zitat von Stoiker

D.h. hier "rutscht" die Anzeige in den Text rein.

Schau doch mal selbst auf deine eingestellten Grafiken, fällt dir nicht auf dass das untere Popup viel schmaler ist. Dadurch ist es logisch, dass es in den Text hinein ragt. Das heißt, du kannst mit einem css-Code das Popup verbreitern, dann passt es auch. Das Script selbst sollte ja nur den Count rechtsbündig abschließen, so hattest du den Wunsch geäußert.

Stoiker

Doch fällt auf, die Anomalie tritt auch nur, aus mir unbekannten Gründen, in diesem einem Ordner auf. D.h. im Zweifel kann ich damit leben, obwohl es nicht schön aussieht.
Hier nochmal zum Vergleich ein anderer Ordner, der deutlich breiter ist und wo das Problem nicht auftritt:
vs.

D.h. in anderen Ordnern wird die Breite (dynamisch? bis zu einer gewissen Breite?) angepasst. In dem gezeigten Ordner nicht

FuchsFan

Zitat von Stoiker

D.h. in anderen Ordnern wird die Breite (dynamisch? bis zu einer gewissen Breite?) angepasst. In dem gezeigten Ordner nicht

Morgen werde ich mal versuchen das in das Script einzubauen, versprechen kann ich nichts, aber eventuell lässt es sich so einrichten, dass du dann manuell die Breite wählen kannst.

FuchsFan

Stoiker

Teste bitte! Die Breite kann in Zeile 16 eingestellt werden.

JavaScript

(function() {

    if (!window.gBrowser)
        return;

    // ==========================================
    // EINSTELLUNG
    // ==========================================
    
    // Breite der einzelnen Bookmark-Items
    // Beispiele:
    // "250px"
    // "300px"
    // "20em"
    // "auto"
    const itemWidth = "400px";

    // ==========================================

    setTimeout(function() {
        setFunction();
    }, 50);

    function setFunction() {

        const css = `
            /* Breite der Menü-Items */
            menupopup menu.bookmark-item,
            menupopup menuitem.bookmark-item {
                width: ${itemWidth} !important;
                min-width: ${itemWidth} !important;
                max-width: ${itemWidth} !important;
                box-sizing: border-box;
            }

            /* Label selbst muss relativ sein,
               damit das Pseudo-Element absolut positioniert
               werden kann */
            .countClass {
                position: relative;
                padding-right: 2.5em;
            }

            /* ::after absolut rechts positioniert */
            .countClass::after {
                content: attr(data-value);
                position: absolute;
                right: 0.25em;
                top: 50%;
                transform: translateY(-50%);
                color: white;
                background: rgba(0,0,0,0.3);
                padding: 0 0.25em;
                border-radius: 0.25em;
                font-size: 0.9em;
                white-space: nowrap;
                pointer-events: none;
            }
        `;

        try {
            const sss = Cc['@mozilla.org/content/style-sheet-service;1']
                .getService(Ci.nsIStyleSheetService);

            const uri = Services.io.newURI(
                'data:text/css,' + encodeURIComponent(css)
            );

            if (!sss.sheetRegistered(uri, sss.AGENT_SHEET)) {
                sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
            }

        } catch (e) {
            console.error(
                "Fehler beim Registrieren des Stylesheets:",
                e
            );
        }

        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');

        if (bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing);

        if (bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing);

        if (persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing);
    }

    function onPopupShowing(aEvent) {

        let popup = aEvent.originalTarget;

        if (!popup || !popup.children)
            return;

        for (let item of popup.children) {

            if (item.localName != 'menu' ||
                item.id?.startsWith('history'))
                continue;

            // kleiner Timeout zum Auffinden der child-popup Elemente
            setTimeout(() => {

                try {

                    let itemPopup = item.menupopup;

                    if (!itemPopup)
                        return;

                    // Öffnen/Schließen nur, wenn nötig
                    itemPopup.openPopup && itemPopup.openPopup();
                    itemPopup.hidePopup && itemPopup.hidePopup();

                    let menuitemCount = 0;
                    let menuCount = 0;

                    for (let subitem of itemPopup.children) {

                        if (subitem.classList &&
                            subitem.classList.contains('bookmark-item') &&
                            !subitem.disabled &&
                            !subitem.hidden) {

                            if (subitem.localName == 'menuitem') {
                                menuitemCount++;
                            }
                            else if (subitem.localName == 'menu') {
                                menuCount++;
                            }
                        }
                    }

                    // Robuster Label-Finder
                    let label =
                        item.querySelector('.menu-iconic-text') ||
                        item.querySelector('label') ||
                        item.childNodes[1];

                    if (!label)
                        return;

                    label.classList.add('countClass');

                    let strCountOut =
                        menuCount + "/" + menuitemCount;

                    label.setAttribute(
                        'data-value',
                        strCountOut
                    );

                } catch (e) {

                    console.error(
                        "Fehler im onPopupShowing-Handler:",
                        e
                    );

                }

            }, 80);
        }
    }

})();

Alles anzeigen

FuchsFan

Und wer das noch mit Symbolen haben möchte, das sieht dann so aus (Icon sind eingearbeitet).

JavaScript

(function() {

    if (!window.gBrowser)
        return;

    // ==========================================
    // EINSTELLUNG
    // ==========================================

    // Breite der einzelnen Bookmark-Items
    // Beispiele:
    // "250px"
    // "300px"
    // "20em"
    // "auto"
    const itemWidth = "400px";


    // ==========================================

    setTimeout(function() {
        setFunction();
    }, 50);

    function setFunction() {

        const css = `
            /* Breite der Menü-Items */
            menupopup menu.bookmark-item,
            menupopup menuitem.bookmark-item {
                width: ${itemWidth} !important;
                min-width: ${itemWidth} !important;
                max-width: ${itemWidth} !important;
                box-sizing: border-box;
            }

            /* Label als Bezugspunkt */
            .countClass {
                position: relative;
                padding-right: 6em;
            }

            /* Zählerbereich */
            .countClass::after {
                content: attr(data-value);
                position: absolute;
                right: 0.25em;
                top: 50%;
                transform: translateY(-50%);

                color: #631717;
                padding: 0.75em 0;
                border-radius: 0.25em;

                font-size: 1em;
                font-weight: 700;

                white-space: pre;
                pointer-events: none;

                /* Wichtig: Monospace sorgt für feste Zeichenbreiten */
                font-family: monospace;
            }
        `;

        try {
            const sss = Cc['@mozilla.org/content/style-sheet-service;1']
                .getService(Ci.nsIStyleSheetService);

            const uri = Services.io.newURI(
                'data:text/css,' + encodeURIComponent(css)
            );

            if (!sss.sheetRegistered(uri, sss.AGENT_SHEET)) {
                sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
            }

        } catch (e) {
            console.error(
                "Fehler beim Registrieren des Stylesheets:",
                e
            );
        }

        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');

        if (bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing);

        if (bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing);

        if (persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing);
    }

    function onPopupShowing(aEvent) {

        let popup = aEvent.originalTarget;

        if (!popup || !popup.children)
            return;

        for (let item of popup.children) {

            if (item.localName != 'menu' ||
                item.id?.startsWith('history'))
                continue;

            setTimeout(() => {

                try {

                    let itemPopup = item.menupopup;

                    if (!itemPopup)
                        return;

                    itemPopup.openPopup && itemPopup.openPopup();
                    itemPopup.hidePopup && itemPopup.hidePopup();

                    let menuitemCount = 0;
                    let menuCount = 0;

                    for (let subitem of itemPopup.children) {

                        if (subitem.classList &&
                            subitem.classList.contains('bookmark-item') &&
                            !subitem.disabled &&
                            !subitem.hidden) {

                            if (subitem.localName == 'menuitem') {
                                menuitemCount++;
                            }
                            else if (subitem.localName == 'menu') {
                                menuCount++;
                            }
                        }
                    }

                    let label =
                        item.querySelector('.menu-iconic-text') ||
                        item.querySelector('label') ||
                        item.childNodes[1];

                    if (!label)
                        return;

                    label.classList.add('countClass');

                    /*
                     * Feste Spalten:
                     *
                     *  🔰  12  /  ⭐  34
                     *
                     * Durch die feste Breite der einzelnen
                     * Bereiche sitzt der Slash immer gleich.
                     */
                    let strCountOut =
                        "🔰️ " +
                        String(menuCount).padStart(3, " ") +
                        " / " +
                        "⭐ " +
                        String(menuitemCount).padStart(3, " ");

                    label.setAttribute(
                        'data-value',
                        strCountOut
                    );

                } catch (e) {

                    console.error(
                        "Fehler im onPopupShowing-Handler:",
                        e
                    );

                }

            }, 80);
        }
    }

})();

Alles anzeigen

Dharkness

Zitat von FuchsFan

Und wer das noch mit Symbolen haben möchte, das sieht dann so aus (Icon sind eingearbeitet).

Hallo FuchsFan,
jetzt fehlt nur noch für Zeile 51 color: …; ein anderer Farbwert für :hover bei .countClass::after, dann kann ich es auch hier verwenden, wie sieht es damit aus, geht das?

Mira_Belle

Dharkness

Ergänze das CSS um:

CSS

.countClass:hover::after {
	color: #ff00ff;
}

Das sollte es gewesen sein.

Dharkness

Zitat von Mira_Belle

Ergänze das CSS um:

Nope, das tut hier nicht, ich habe e mit einem fast identischen CSS probiert, nur der Farbwert hatte sich unterschieden, aber nix da, funktioniert hier nicht. 😢

Benutzerskripte funktionieren seit Version 138 teilweise nicht mehr

Ähnliche Themen

Einige Skripte funktionieren seit ff 138 nicht mehr

Ganze Seite nach unten oder oben Scrollen

Firefox 138 - TAB verschieben geht nicht mehr

Absturz durch PW Datenbank?

Div. Skripte funktionieren im aktuellem Nightly nicht mehr

Tableiste unterhalb der Adressleiste anzeigen lassen und weitere Einstellungen gesucht